globuswebcomponents 2.8.5 → 2.8.6

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

@@ -50,9 +50,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'dc0d75d5cc4c755c7035476d7c3fd224ef86c5b7', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '48f6f405a423c77c0b734c94dac88a433d2a4641', class: `container` }, h("div", { key: '095441682df9100cd396e840be204ed09887b5b6', class: "frame" }, h("img", { key: 'c1ec4c57dd6abc4369e5eeca0017935b19c60459', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'd044af6ea0feb2e72b8cebbfbe26bd47bead6474', class: "empty_state" }, h("div", { key: 'a0fbe32dfcf09776d61a8f252475fdc893cf412e', class: "content" }, h("img", { key: '29784b6145d215fa908218ca3f90e4e99c1838ce', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'a676256d8f3afd584b2cdfd024ac00497c22e0bc', class: "text" }, h("slot", { key: '6ff9c5322d0a7a9124583024304cf8977b92a9e5', name: "label" }), h("slot", { key: '5dcd9353943d848067abf210eaff81e523725a33', name: "supporting_text" })))))),
-            h("div", { key: 'a545e87c31e71e1c03ebeb2e97e2f911f8a02196', class: `button` }, h("gb-button", { key: 'c3ccf112e7c7bb9b78863beeae9d176eedd902a9', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '66643e68eb078515338f2e72c2eb11923c192330' }, "Mark all as read"))),
+        return (h("div", { key: 'ec5e62cf13567ecef7411dbec63edae945fab63b', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '2767ad57bab35300e5b228b0299af1a4655225a9', class: `container` }, h("div", { key: 'cc550564d5915c84c459629c52c2de36751cd884', class: "frame" }, h("img", { key: '4e7b0843f71c12fcb298ad98ab611089dfb56a54', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'd095af62ff152188d487f10f9896d0d0a6dfb6af', class: "empty_state" }, h("div", { key: 'b97a49d23321c064d56456c29c13a25a20eeebe8', class: "content" }, h("img", { key: '7acebd670784b06bd3a1cde937726668733741e8', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '6a18ea2dc41bfd67b0cdfbc879ce37e25491e857', class: "text" }, h("slot", { key: '9ccf05e682f4bec720451ee8df0c35af833a8401', name: "label" }), h("slot", { key: '61508e58cb48396b403d396032a2f78f4dfb90e7', name: "supporting_text" })))))),
+            h("div", { key: '65114587c3a5f57a66528ae506daff04934f27fc', class: `button` }, h("gb-button", { key: '82dfc76edbe11977253b4f77c211cc270fb1fba9', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'd67190c3b640a804f8ceb2f54d9d541c01c3b895' }, "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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '26d6dc75c0905d9087a94c400e562df2798d759b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '5ce31398f0fccf68fabfe0464fec90b1311a6253', 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: '587dd4f4826a77c90b5573d9d11eb464b95b633b' }, "Previous")), h("div", { key: '6857e799e20a18ec6c7205a39615f94f19704a08', 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: 'f22cae671d9b8bdce0c997da7bfdc663001152a7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '825fbbb2ff57985a6792425631bafd9ce8e00c30', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fb7179464d8559c11025782b2370d22efc4836cd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e03f834dbb3c6e906ef7b6eba757ca8eabce5933', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '60414974ae9d2d1253bf7ec47b74b82dd6c4d247', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '553f32dea51f1a1350004f275512936134f236d1', 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: '0d98c97b8c3b54bdc2f18d3652374d6a2f465b17', shape: this.shape }, h("p", { key: '1606e64f71f80dad589b02c7020425d0f7a713ac', 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: 'd24766f9e70e38f4e6f3ea447964caaadd53ebda', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b8cdfd218884e991461f93d96ae0bb89405b5422', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '807bb2d403129e3734554db1008d35a35c141aef', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '2afe193fefee39cb8f3e2ef62c7138ff32a330e4', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c4a96ab37cf4eeef2b09c7a160b15b5e93ebb3ac', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd059ac4326053c7fd0afdf245c10930d5a00ad5d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '3b4e7aff49245d74a5620adf75f91c8a381d4126', 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: '6f6b843e699a5612f96209dc51cb4970e687bbc7' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '06a113105c269f371a6ede1be2927dfa55d744aa', 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: '73529cd4beeabac1fd936c904fd32b82e129446a' }, "Previous")), h("div", { key: 'a2910b38d809d5a34e87076bddc93305f0dafbd7', 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: '8ce206312657c185027590e4417c56fb7127924f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'fc338b6ef9ac803e7112a9d44f822256a68614bc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8c6b595e15fdd924d5928b760640a893238df68b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '17f8485e99d23758f1ae63b9ac6eff4fd13232ef', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '00a979c010a8591cd1a2b22c8dd8314e78ed2f1a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f544998c8d45011d4f7445c6bc7fa84470b93653', 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: 'b341fcca6d681905bc357d7ac876a4c3942a6a16', shape: this.shape }, h("p", { key: '4937a0af3dddb3e657ae27f61da07e0db956eda6', 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: 'b168c1f51e5e19b673d9c15128940db927c85c0b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '12c5a462a9480d4c8d16200927d2b0b036b948bf', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3ed96838be4a3397ead3487fb8fbeb44a59d7129', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '04d964443f5ae7b5b09e075d4185c7894b44bf9a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'd800b6edd2e5e8096a17b47d86f2328209f50f49', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'a803c4879d4420b218b0c6d076d56d18c9b57192', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '2b80d3b8ffea11f54d100583a1f287b9aca50f7c', 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: '9524d2b90f45af0c0a61661c32f79e9a6229a542' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4c39c812c8b03da995d8fa7cea9522bc50d296e4', class: "pagination_entries" }, h("div", { key: '214e850bff60fc9a6233d7e27c4dfe9cc03965e9', class: "entries_text" }, h("p", { key: '0e5376743664e9f2a8d2f462f02927e419c099c8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '746ad7efde583dccc4a1c4eddea2a962ff545513', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0f8d8571e6fe4eb578b82c8f2bf2f5dc15f75b98', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'ada5cb314fe335809e8a29f73fc0610702ddd949', 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: 'effe11bd3668118787be9563d36f1cbe93bade60', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f02987a029460dccd1612d080f47292871480495', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '3e7e57e200199721275b43ce69cd2149a9bf1f10', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c4865a2b84be3cdd35e269b3e3b0d4163811347e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a57996c7b80eae3e6d567d3122fd7aab5f27c1f4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '38fe5ecddc4a4036de25f4fea29c1bc609019735', 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: '877c3168253b4715b54799b9d9e0727399783afe', shape: this.shape, state: "default" }, h("p", { key: '4aa184e04d728fce3a208d96d3e54ba6aa32a89f', 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: '636c70f7537fc2d3a78e80f5d2d99276691f9aea', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '8980bff054666a9bb810e811f34b762ec4193ac2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ca7fc77f1d10ea2874c2f764786699857df64c5b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ce968c6cea35550474881c491f98916cd31f1208', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f11a54c13585927f58e5a6cb57dfb67422782604', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '55047ac79247fa9e2886632399244c06ac46082b', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '645be3b4b7172cdb6203a0c48b19496792d19e96', class: "pagination_btns" }, h("gb-button", { key: '3f0274f12d4cf27aa164eba7768261fdeb4d1809', 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: '4c6ea5e6bcdabaa5086cd14f7539980b9cea82d8', 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: '392126fa8d19e763175ff1ad651a4271d17e3372', class: "pagination_entries" }, h("div", { key: '0a48c2fa51b76c62640fe4c3df2c97a4d57c3bed', class: "entries_text" }, h("p", { key: 'f51bec6c822099e70f23fc4b26a362412c4a9bda', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f0e3729e8634df5acdf3ac4539846e5fa032f13d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '98dbc1ac7dfadf9177e7484dbfcc8a073e45f16b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '0d80abdcaed20f9ab25afd5cfe3081f37216d095', class: "page_number_text" }, h("p", { key: '6758df135753cd9dc29b0cfe1c0e4757c4032fe5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '3f6452361dadc6b2a975bdc7eef308fce7735f88', class: "pagination_btns" }, h("gb-button", { key: '1253da0af20b1948591a81f7c1d445467031c52f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5a52adcb64686e48bb5dcba5e61327db81ac7ef2' }, "Previous")), h("gb-button", { key: '3666262c96c7de4c8d8d78f2ed46a06cb0fd5e6a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9957b9a56edab8c32f8837f3979f8a027bd6b805' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f8406367931c3c220beed8db56ee8e43239dd4be', class: "pagination_btns" }, h("gb-button", { key: '429ed6c4cc26b82704acff30ec96acc66a477e60', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5c0d48a33ea5d0a8bb699d94daeebd646b14d8a2' }, "Previous")), h("gb-button", { key: 'e6011505a2c3373a97da6c8812002e1edac6ad2b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3b65991337a3d57620981fc614f80551139b3a61' }, "Next"))), h("div", { key: '106e4e20c8eed5f1c2a9a13c871252d9ec4c798a', class: "page_number_text" }, h("p", { key: '0b18ec74b208a3a6bbc395e2795c36aeb935e04d', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '8fe9dbda90c9d1982f7219b6428cd41a414b1459', class: "pagination_entries" }, h("div", { key: '4abb861d12a4669b38d625d8b8ef150a75d3b878', class: "entries_text" }, h("p", { key: '5d950a8cd4f37008a8e9221c24fd5cde79270ab0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3e407fc09ee9089082a7337e14361abf2be17c5b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c2e2a54c2885d7f3c2712710a265a9d350e80c34', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '26406c499e43f5e592de3f047d0338d758e7bf2e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '15c7f762423437a836c0749258826afd28ef3839' }, "Previous")), h("div", { key: 'ac7f84d09d508d684cbb6f4145013154ac287afb', class: "page_number_text" }, h("p", { key: '1d535c4de0780441d6fa411bb647ed78cdc9989b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f6d44001e8b56037e9c5a11c6e6ef559655f0e96', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c04a94c31da82c59ce22ddee55b603201f1a12cb' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ab4560bfb586fd38ae0e0f7af78972c0c9d82dad', class: "pagination_entries" }, h("div", { key: 'e2180b284025040b25487e5ab3e8c87deea52250', class: "entries_text" }, h("p", { key: '38c61b90c156544faaebd82970cf8c717afb7b26', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a7c26d9034984668db172c5dd8a4ca4c926f2041', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6f70b232bb0b786cafd855e548ceb9ce692d98a1', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'b355029126242c87e0a78fd6327a9b2dad22aa8c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '783d1c1bd0893dbc9a40c8405d2d06b66d225c7a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1474554ebb5f4f03a7abfb8ecd18694f2112f537' }, "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: '68caa36d8b7e3a8c32e9276d42d55fdb289242eb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cecba105ba4e0e0b9eb8eaf4f76137d14de5e4b8' }, "1")), h("gb-pagination-button-group-base", { key: '9f9ea365d060806ac649585bc0de493cd98ddb42', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f19e5b1579732e584bdedc859d6136bd7f9acae4' }, "2")), h("gb-pagination-button-group-base", { key: 'f79c10e37c6cddf1e7bbdddd197f7577bd35abce', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f66c130cf81a12d6a7f6e2743a9df6d8775e9d59' }, "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: 'b05dabfb72123c5a6d2045fc9d90539349a4033e', icon: "false" }, h("p", { key: '83a7f76fd52fd479b59bcd700217729f56bfad8d' }, "...")), 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: 'c973c28150ba68564059c2552a87186f51c3d81a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6695e21ca2504b56d933dff5743b4ca3e56dd8cf' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f77678d19361a046745b1c4c1038c273f49cc7dc', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'cbe34e96140dc2b33e3aca8192360eebcc79c1ff' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '3620353a226c60b7a59f366011f96cf732ceb6b6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '870e2d57a6bb3018d6c826f66b016a7a2ecef897' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8e6119c39e479497025388d0e3d6e4d990668abc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2c2108cf17f2b7f47f6d116d176be23c79784f06' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '624256a49ffce120161965839dfabe47cb643909', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8549d3f761de6d8d371d70b3b3098335b803f258', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f5e70d1ddd7472e090caec8fe2b4e1acb38e18ec' }, "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: '5303979234835e321215b032f3d68fd5457cb668', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '975510b51f2bc1ff85774089c3813966b97e4b18' }, "1")), h("gb-pagination-button-group-base", { key: '5220233316b63e240b01cb0e6edf2d5de6db5ef9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6d8e49f16cc78fc5d9d4caa314d9afe4abb90673' }, "2")), h("gb-pagination-button-group-base", { key: 'b6f82164a86f49a209ee3c6f3d835bcff90d4e77', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '51de50113aeaf2d9f6b263aecffe98c3dafb75ba' }, "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: 'd27935601392473fd3602f3775a6d5647e6ed2c9', icon: "false" }, h("p", { key: '5ac27dab367548b2d68b4ef6fe4d0c07d84b8473' }, "...")), 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: '6f2a4d4a1ef68ec09e0b0c625f6a3db43531bb4c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '39ffee8c7b7dd53769962dd95ad02acddc21c64b' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '84f62ce1400ebbf1ef286fbb90557fe4c8d99b5a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1cc5d9e62d17a05f4eb300a10d75d60b5d4058a9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '28c42904dad7167244165ba1e256012cce6f849a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6d25935287b7d3b7822b065376f998159c139373' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6c4417e0e0182fc7731f0d6ae99fff2f7fb157a7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd1b21144d37933dcfe01a6e7b57629b74a78af0b' }, "Next"))), h("div", { key: 'fa87653fe136a65113f8ada1d5ca688c6f87f671', class: "pagination_entries" }, h("div", { key: '9c5c96c0c89e6e37b710c62557796989713152fb', class: "entries_text" }, h("p", { key: 'c308485bd7d926ee866d9cef130cfba7d4ed72be', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'cc7a5908d4072969381745147517cc30308d575e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2f0aeaee819688682938fd1bdda04500bf6939e0', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c464b6f63b8f10488b0bd5428d85c3d40d941200', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0bc552dc4fdafbcab0d8e6c84f02907496edaaea', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1e2d41f0d693e35f2c1157b9f4484c12b8983132' }, "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: '91f98d572e955c12acb95c885cfa8da1a258df23', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '07fe3c7d63da020cf2ba018c462f3f8478e7f96d' }, "1")), h("gb-pagination-button-group-base", { key: '5f61c7adc3d3c8a21e36b9afb49e629d009bba9a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '67d3277575282da19c4467338e7cec289c4b8c6f' }, "2")), h("gb-pagination-button-group-base", { key: '473740fe4ab4ae7b44a1bfea7a1e27f62435556a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3d825119d930b86a4b36f52c537a921ca82b5d1d' }, "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: '6d731757f4a0e35e27ad171bc3fc10ad30e4ebb8', icon: "false" }, h("p", { key: '45e7564327857f1ce99f21b661bb131b7974196f' }, "...")), 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: 'f4bf90c08ebb90cfdbf607bdf70840452b895c6d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5a33b9e0e3012e4e2ea192046aca8b8668f39028' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8b5a47b13a88d6f4ae588b04c1acad90d5d0273e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0da30359935b5aef2efbff6e35ea9b2861ddf7c2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1627a3639947eca69555a422ea8e5ac5bbce6c2c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '9b5cff697d3618255b43b1b59f0addcb4541cc56' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b1796aa91b10dc060f008467b019602033e47b45', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7902bc349e31afc31b91d2c78108c8683839e00d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'acbcb7b5ce01435ff7e1b90b4fec8ab0c48f00c2', 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: 'c9c4ee6b107e72ed7813e973d2b9a369fc604044', class: "page_number_text" }, h("p", { key: 'e4448b8420a4a3233c2d7f6cd0ffcbde94482a16', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '49669f380c32431159dc040c60d1638734286260', 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: '2072bc08f58de9f52a776255cfb63508fd37eab5', 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: '22535eafdf346c06465d20b5c84908c4d1157a58', class: "page_number_text" }, h("p", { key: '4731f89ea07007196083a4782c71f7b9c079bf65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4b91c5c3d9c8bf1da959d4261b57123b0ed569de', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '78f5aa40985cfa3e776aff161b09c94bbf0c8055', 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: 'd35d43c830c10fa25574a07b59026637c2faf598', class: "page_number_text" }, h("p", { key: '81d2b30a4d95afda7178ec7c58d53fd086e8a065', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '286925354057a4f0fd787d705c7ac3faedac3f7c', 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: 'f41bdf8da3057e1b931d08b7c4f5626d804a3068', 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: '79c8d8ada3b3873396a22e8694236eb53a452f96', class: "page_number_text" }, h("p", { key: '4c4207cbad7a40588e09aef3076ddf4c1410056c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'c29da11bbde626d7bf2767ca16f730cb3a0532db', 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: '575b2332abbba50df9fd4c6cb66e3c245bc6a737', 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: 'f27c61afcbd03af67f6b8afbcce387b154503e95', class: "page_number_text" }, h("p", { key: 'd74cf672369aae86935566482ad6c8c7cbed09c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9c4b483c8321a8e740efdc7d1b83372cc06f6938', 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: '2c6510da843445dcd694df1b3dcad743088da917', 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: '100631e087770f44fed63f0cc1e3db23bcec0f41', class: "page_number_text" }, h("p", { key: 'e6c3406ff0be2423133e93ad2562110e4fd59c30', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '36fd265e5cf2a289321d7e0ef7244a3d54d1093a', 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: '1e5312aff9fe7c7e4fa8a0c1af59750fc229176b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '39f2367f413e544fccbc080c911aa9a305ea7482', 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: '50a57a869e69d6013aa2de0a594c23c312f1f6bf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0481f16ab2e995355a6ea3bbc99355bcf08c28e3' }, "1")), h("gb-pagination-button-group-base", { key: '769442055bb005fcdb4fb450ff846922b3e747d2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '49276f5c44cd131cd1941da49f995da6b8b29066' }, "2")), h("gb-pagination-button-group-base", { key: '7b3eb692114fca251e3a70ce7a114e953ca9e53f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '723fd10ad9b243fe5dab923c4cbdfb0a010f36cc' }, "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: '8d8f55566bca5f8e28eedef7e99f09e1d9874f0a', icon: "false" }, h("p", { key: '9df6332091a9d5add550f2ca3e0985b0926edb34' }, "...")), 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: '59f1170649966399945059895ed483790bf96966', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '76c38b4c2ca8b043c938b49dd936f1f2ca6e4800' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '4bf181511a233bd813972b3aaa36bf03dbb3cba9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'cc171970ff9b964db4b5a3d378aa279ed94337db' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '65a4fbf57fdaa01d812b6f0e6cb0e4896689d7a9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '99b321115dfdd77580f5ac571730df7f6daf2197' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9b6a947001913726d4e75db7218308499c6d3792', 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: '461667a8a42853a5b61b5eab83537d38114a3fdc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '303f3aa092ac5d2c0aa606fe3f4ee9f610877c58', 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: '24fb288ab478ea5af51ff26384952f82161f07c5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '575bc8cab3330da1b62ea849984685e8ba85cfd7' }, "1")), h("gb-pagination-button-group-base", { key: 'da5f9ef04b87d74c3209125b6eace1153d4adda7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e40d7bca409f5ed175779c1eff22672e973ab456' }, "2")), h("gb-pagination-button-group-base", { key: '5d3a35a1f9d214e7764cc25e80601c05958ed190', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3f254eb83457c51ca6f57e38034f1e9bf0e09b20' }, "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: 'e780c7c5fc11c0df8f455104635e0471f9b42e09', icon: "false" }, h("p", { key: '63aa0f968892186c48531ece862002b92569a701' }, "...")), 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: '10b4ee87e3435aeb5db332fd482d3a128a3f8813', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '6808f20981cde576ed36aec9becd860ab3eed181' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6c7932029605196e424ba524107457dedd38dbf8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a8c257a56a73b0bb23aa152e00476bb5973d16de' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '68da898e14fd4e28731937f11910e990269842af', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '898b75ab9017d26ab74bb252c56772f599363c17' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2d22130f8892f4dc51ec11b9d922cb02574a99eb', 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: '6de15020dd8ce90da4fbc873a9b24b0cff065052', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '88bdc33d5fcae417df73230c89f15451a323eaea', 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: '6d4868941d3ab910fad01370344548e599ae1d47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f02eefb4ee02ce7f37a8532b2330d24a8c82183d' }, "1")), h("gb-pagination-button-group-base", { key: 'd63fa7f12afb7e4e2ce0e3f8c7184714ce344072', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bfa2dc62327bbda9f197402250362564e0c3f3cc' }, "2")), h("gb-pagination-button-group-base", { key: '0c908f98ac6b6fa294eb5f17f2b84c6291b24b19', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'afff4ad6cc0017c0d145f1727800d8ffaa3daa13' }, "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: '14e69179cf82a95f1c4f8dd42ef3838fc2ec74ed', icon: "false" }, h("p", { key: 'c778ef100bcb7707dd1cb1fe82c7c7a68c4c28d5' }, "...")), 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: 'f0a0550783b99a14ce51020809b24622dfc46137', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '24ecdab5afb802680145a81621318a9b07ea2f33' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b336c0afc73c1abf4d72243e363762d9209820bd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5c944185f8bce2b969b5f68e53797ad9b53057df' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ad184c09808472fcaff2c8b3b33f0f5a0ea63615', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a7cb30df3138f5f579cf2cf0adf54f80dbd16aff' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '718acf6b65ef42fb18bf84c4f294075df72d4d87', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'c7f76d451ff619d35fabbaa933b364338ce99305', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3a68cf3a7b4f0c1123f4bd7567a3e36b776a320e', 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: '1df0f260b55307bbfcd71c90e77692c786e76122' }, "Previous")), h("div", { key: 'f2e8d959af8e3eebfb05d71b9f42a41840ad7719', 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: '8c0df0c448b302d63a0140d13e90cc283d8777f8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3ecab44f2b4b61e418d6e825335ef29f61f48bd6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c2715366f5c30f876f90693da6114ecd2ff75a10', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5c9ba4ddc9f237edf5af74090baa8ba68dedca3b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '559a7223329d84482eafed36e21da0ea5f5918da', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '409d3cb2c7d5a13c756014c54712cf5727c8b12e', 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: '3bccf8398b8820abfbec7999e396e24219be5357', shape: this.shape }, h("p", { key: '688914a48426c1b5017a46713307975f8a880815', 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: 'd0c1fef30cd29a438f7ee7bd4abd57d8fdd71164', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '4ef402e9b9c965d4240d3345ab09ebadd51c16a7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1b24c19a74d3bc63eb52605a3cd0ac0b136b31f4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd42a8aa72e567349cf5e1679326c4d003f46e2d9', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0cd74602aa073c7e89072d15719828f3374bc3bf', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '411e84ca008bf4ae95d99637b9c317a4d9f387ad', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '40c3ad616247c833779de268ca8bd9a0efd464d3', 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: '2260c421b135a7bbdf2bcf639c9298132d95ed60' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '538f035fcabc14137e32274219f3966cca4b3e5f', 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: 'b7b32d6bbe393b4b1c89b73c86f610cd13dafd15' }, "Previous")), h("div", { key: '50b9211d740cb5badd0f512987fef980284fad09', 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: '4df765b8a3e9bb462fc215cc895fa7402ae6cee5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '9b95b1e53d13691ed175e59b587787f6f51d20a6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '018967a6a6cdb406e68e60f49c3ef09f2a5e4a96', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '20b102160c9ed6c00640fd15402bff86eeb889d1', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '27d5c9b7a378cbb059315d805d4a1c4207da9957', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7a1da9ac3491d99cbfea2c75cefc0c0fef9d0de3', 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: 'c75448cd2990572bde8024e2e13957ffeb416f98', shape: this.shape }, h("p", { key: '090ae24cc6728cbb797278cad15a07f6b99b39dc', 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: '34d82a4a09142883e1608d1f01cd92b3721e6e94', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9ce6a231bf524d88c6f377b8be81e9fb4478a747', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '88a495372061b8b9f62ecfefc81c253083851b95', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '072730c5c32b0ec695b5be3cf3584d8deb5fa5f3', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5899eb6772d8a009bbe34eb842d3a33f9f1d4fc4', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'fe60a085e00bfaec7a5e521574586c48e7c628c8', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '63ade3b9b9df367a79cc92d82df5643e7e7fe694', 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: '056623fbd29ccafeba96f7e89c2963f34d974c5b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '60827b2f40c25863b0d6c8ebafb6a8d2847c8c48', class: "pagination_entries" }, h("div", { key: '33ec785f7c2fa2f92484c7c6e860572a79cff064', class: "entries_text" }, h("p", { key: '15b928742f6150ab8df64b5644527e898780419f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '03ff4a42f2f491ed2e6b22fe23f20535c825c181', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '92c1bd21d0b33f014ff95a3128985f7c13258912', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '9d08146af63b9768201b43d3725dadfbaac3129c', 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: '1f6c9b1c29acfc8f3baad943798844b024e620a3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '423baa3078168cfd093ddf7c2753184d829ed29b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8da0d3e2a14a7e58a09c77c3dc97c58af036c104', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'b02d8a85eaaa8486275b46e465771d3169f56e56', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9bebf6e7d5e1e0e8addb77d0860d9c87487746ab', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '4fbcb32c4efbf8a350fa338700890e5661bae3b4', 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: '5aa18c67a917061b10094af4787eab4ef390bd38', shape: this.shape, state: "default" }, h("p", { key: '9980bf6c86a6dbeba7892c23dcaab9724fc26017', 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: 'd8146118965256ef1959e178dc5d52c051c20a88', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b0cc18561e572f4bebc7b3ad327778d98cb77c34', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '88676ee3fd491acd29e3962181fa74d5d3dfd20d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '8ff3e96f22d0817eb432bd7496000b290f552c71', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5b68ae8be4db658d2c4ca9052bf03da49c751255', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3974b37a30167f3fb0d961eb9166fc3ec9ab2864', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '25b9b94f7bbfb8abaa3bb359e389aca6bf873502', class: "pagination_btns" }, h("gb-button", { key: '9edbf659f2b9e06fbd7c34a4e724dbadd04b7ddb', 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: '5355214ae4cce62703d1a31a9fad079bc172b776', 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: 'f02c69751543e25ce3dda616952eb171f6294471', class: "pagination_entries" }, h("div", { key: '8a9d9d683daea537b9b22a9a88c670965d369d49', class: "entries_text" }, h("p", { key: '1866034db399bb6682a9bcf4fa33b0345153033a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '0b90bca9ef8720b66794554e643bdbe2b8682fd9', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '39c3aab31854d56dac5925d11d234961cd7c2bd6', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'be231d63eeb7a213e2acad6e399104ba78edfc12', class: "page_number_text" }, h("p", { key: '65ca635d141762d8a0c3d3d8893afe963942730e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '931b16cd9aa5cac7a0107c3aa9b8297550cb2b74', class: "pagination_btns" }, h("gb-button", { key: '1ea0734f858faf76ec4870542464e188716ac069', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7f1dec52b9dfb5bdf0e0781f74c42b392ae50b38' }, "Previous")), h("gb-button", { key: '6af90fb668b1d715e7f7117cdc27f84396bd35dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5e08f90be79006705bea71d42e573a65f4fb9027' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1e4a5c0b5c7f90a4fe00f3377740698f1a4fc29e', class: "pagination_btns" }, h("gb-button", { key: '929f42de881cb04c5ae0f61d9dba1d4b74e9c0bd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '04da1b8a35da8f33613da090fe6bb07292f40ee4' }, "Previous")), h("gb-button", { key: '683973d35c61ade243a6d2b729ecaa9a784be54d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1a0d2c981a0b4819d916968e4ab87aa71f643289' }, "Next"))), h("div", { key: '9454b97d9aee7190d1bd2282a71dea3cab2bd94e', class: "page_number_text" }, h("p", { key: 'd0b34ba773f1c9d1474a619982fd197db8b44176', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '10b11693caf41059d40587cf9873342ebf4201aa', class: "pagination_entries" }, h("div", { key: '4604e51383ef17c43b00028557d484b235bfa949', class: "entries_text" }, h("p", { key: 'af9e9a8cf05b848ef259ec420b7b6d7b7da83615', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bc262202ff787e08a78c347fdd7c19af286abb4a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'bdd811a49478e1e2b216215201c2d793fbef9560', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '526311b5e4761519bb6f78e8212c4ffea078b9e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'eba9c89e2f54aeeb97676a92e706aba61b92340d' }, "Previous")), h("div", { key: 'f82e3bd714b9fd84153cf38f92ba996f3e5d6648', class: "page_number_text" }, h("p", { key: 'aaafb990c4f176867a49daed924e6ce6e0184058', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd5a7c1160d6c044ab28f18bf82129b806b52a1c1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ffe3b3426cc39d75d9b26b527d0240a214e98068' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2635fd0ce1f57dc35d1a7ad1cef38f19e1836881', class: "pagination_entries" }, h("div", { key: '437b5c3a576bda3a329b74a935d27fac9aa62359', class: "entries_text" }, h("p", { key: '5b1f636c9449380f59f8b92bfa969bb70dcaf5c3', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e4eb7e2f99c8aab46392f454725acdf252d734a1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '26daf392cf6bd293ae1c4ddf4636e3f449d5bdf2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'dc297aadd8204de593d2bb06770ca31950834c3a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '72ecc42bb8184400ca815eab7ef43e338e5b6d45', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ac5f8dd82c2ab42d59ed91f110e4d34f56dcb515' }, "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: 'a45e70306dd34f05a5a82ce022103e3c56dab4d8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '72223ad53dee8f8c971b3b97b7af2a8dfac5af40' }, "1")), h("gb-pagination-button-group-base", { key: 'd0ccb481b9173618e3787bbc1dc6a66eac0aac56', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b2c9bc8fb5ba60cf340c607ce005f4ad1557aa86' }, "2")), h("gb-pagination-button-group-base", { key: '06f998318109e3a3da5522c3c7e5fe0bddd6f33b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '34111a0f55b45ea7f45d6c852d0883a92f9033fc' }, "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: 'fe9f9cac939120fe693364d83897b1525eb38d0d', icon: "false" }, h("p", { key: '644f678adf755de3819076cdb1192e79fbc904aa' }, "...")), 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: '165f9ecd14529ceca5ae2dcd7072ed992eacc10e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '70f6f195890760476b48c31f795e6b86e2e737ba' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5ac19df235dcf93991a2bbe5fa3a9691d75bed01', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4feadedf97217b8647391ce2b1878922d0bde952' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd744e1fc892cb63a738773274dd2e4f7ee138079', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'daa1506617d21454e1f4ab3b6ddf8a45ca615285' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '00b5e2c584b3d27d88383b83545d5b2bc7cdb56f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cea3a770ed4e7edca549e15e4365402846a542d0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '99c2c6794e2acb1a7b1bf56035a0999c5d1aaf35', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '455507d03b52ebfa9315579cbc9b4a75737fcc71', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b81e5cdc46de59b448721076b380389086360363' }, "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: 'a547ef71d072ab4cbb2d31594d3dca9c54be6048', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7183d4933cbb2eedae8288d3263275f248a77d21' }, "1")), h("gb-pagination-button-group-base", { key: 'feafa397b337f162aa21b161868d1fd658a60637', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '10dbb632092470c13843aa48da51affe7f1cf64c' }, "2")), h("gb-pagination-button-group-base", { key: '03c3162e590921234985f12759a1723f78a1e11f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '700d70a6f545c3037a96a6a1803362481a3fa7f9' }, "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: '14194512bc72642e2942d8840ea81aa2fca0de31', icon: "false" }, h("p", { key: 'c9499f514210743a43e7de0bfd86871812c62b89' }, "...")), 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: '70dbe30aa9d769680025d5ab957a6494941c5e1a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2e583c2e0c784aabca690151f6bfebdc1560af0e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2cda2666c85e102405ca546294d6db4110e013c0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '182b274a249ad11db21e0334aab0583fe9b42067' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '25b9863bd6281f88de63831ef154d2b0007d1bba', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '89315b332b19a04f7ef83de45593515b6e69f2c4' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e72b1e9d04da73735c1d41467920340f60d7b1b1', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'dd66e09cf276b5f8b8d57e90bd2f15f58ff776b3' }, "Next"))), h("div", { key: '1a39d73bad9df3c4efb88a5484e50e30097abf2c', class: "pagination_entries" }, h("div", { key: 'b1465ee1a670fe4d0b7e1b101d3822d7a8359902', class: "entries_text" }, h("p", { key: 'b6479b35cae2522c80ed0fe9164ba1ed73f5e8ca', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a6540775f16bca403bf336665bd3fca87150311f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '991030489721e9d10f2e228aa8ebcda666fe7c80', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4b5e50ca740092ba7a2a9d98283e4d713e28151c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '735a5ba7021ed807f49a0acda8e80bbe7c2dba1c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6e0c3b4f370d2b78fd2e0f052a5164a15e8025ab' }, "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: '796d5fc71c6975462ce49999fa5896bd85582a80', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3d2e83dbab11556746cb155e675a7ffcb958ad84' }, "1")), h("gb-pagination-button-group-base", { key: '977d4813fa8759be0f761e78f3706384a49242cb', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a2633c8ce6b78a7c8d7621b4c891047916a9e095' }, "2")), h("gb-pagination-button-group-base", { key: '6cdbd1714be96861621f02a709e2d9a4c48421e7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3d2abcdbcaeda835fe898fded2a11bc67743a094' }, "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: 'ee4c5d9ca8d0efd36731748b4a67ee889099f9e2', icon: "false" }, h("p", { key: '249cd0b64fc7f66c371fe492650000c767c31f12' }, "...")), 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: '70c71e452ad5431b62f9757dec568a6d4bb58801', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '84f415a80c434751e5b0446121baa42085c225ac' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'deba9dca31275cfd2b930920c8c6384845889069', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a6d4deaa7385ee5c6f22158786d5a235528eab3d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '43e7412197b37dd0a9ace2b480f74262d76cc874', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1427e003a513cd8621fc380b3aef46d71b5bdbba' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7225354a1585029dcdd01caf71837cd2f7485895', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fd58b83a4dcb8e388da1aad18ea652b3bf0fc78d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c6c37dd9a34a9078d8b0cac7d4668f38c305cc02', 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: 'a97b8c264853f20fecc01861ecf91e2c3e63d722', class: "page_number_text" }, h("p", { key: 'd17add16242f664291c0f8c17ab40f5dfa7b8e6f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '451047445c1cefca3080d2eeb7d7c9b0735e5a13', 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: 'a277d7a42dae300892a1806071a4bd01e02d162c', 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: '48370dc953a370591c1051b4f97773a78229456d', class: "page_number_text" }, h("p", { key: 'e3e2d64216e2879662a35020a3e82d5a56138a2f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1dea5c27828365d784091ac7b175e04b9727c047', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7cff820eb6e8b64bc21bde6647a3dd3186b9252e', 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: 'd22de85bf35e168452ad8148608a77b56b920a71', class: "page_number_text" }, h("p", { key: '524b51236286308af919eeeeb29f79e188887600', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6d76ab09ff8ae9f51469f10251ca76ac20bffa35', 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: '4bb52e1fb1301188cfc8a2a57fc6ee6c45202d31', 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: 'da055c04cd8f16b8eaa69d25928f8ab3ae5347d5', class: "page_number_text" }, h("p", { key: '3aaa87f2e4a560d71bb161726765360b61d25223', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '357b13bd0f19f4ca96d7e4af758550910284474c', 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: 'a3a9d1f32923f0b89a9484a8077e94408cc7c9b4', 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: '3db40b05ca6763c8d7d7dfc6e01e9f8f17c33048', class: "page_number_text" }, h("p", { key: '5708d4e6b07d318545a241350933e05b0275b4f4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd875770a4db15e8affeaa8d5683c011f292ff92e', 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: '321234e4919369bfb89e2dc0458f3a1c5a017115', 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: 'a3a565936486b7f2d599849f2e9266a8855823fd', class: "page_number_text" }, h("p", { key: '5c71905aba5ce6a584179ceb66a3785180f5c8ad', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9edff24a9d1b0925fe2918a9a23954f420aa8f8c', 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: '58f0f1434bf7efc499d7d40dca4b319dd5355af8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6c005b6bf78d78ab8cd75eba2bc2b938e6a5ddbc', 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: '5c0cbf050709e71816bb82a3266788f9c36305a7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c2a66ed29d6d3b95d1cdd40ebf34bc5a8ead1ee2' }, "1")), h("gb-pagination-button-group-base", { key: '12283ab4dfbd47a889b63cd1cf6e1d032bca09ee', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e5b75bd8200dc3a62534c646241f0c8c8fc7ec3c' }, "2")), h("gb-pagination-button-group-base", { key: '185e20476f8cb00297997ac9172e361e4fcc06dc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '583d493baed2dbb903c7fe24f9cbcc756945820e' }, "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: 'a10eab639e323bce1e7f95e36d2a4f0a4e48dd9d', icon: "false" }, h("p", { key: '9c569cb5a3c6df3ad988ac794fbc9024120b5f66' }, "...")), 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: 'f4f5dedf556f2caeecbe3c1c76a0998959ee9128', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '259bc7e0349b2746dc29bd9a777de4501968a348' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '139a6a4ee52126c383e730f930b506b96c863395', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0290fb7f2b75b37f297142aae16961cf7f156179' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '827aea426b0c5e84eb7b12c71d6b40e32b792671', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f8abd6df59179433f727ae892b9d8bc994ef1d3a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2f79ba9b3ea7962733bc154235650f476e2072a2', 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: '11a66656dd8714b77e6971a1364a180a06e24052', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '39f1a091f81068249a4f58eb4259d305732a2fc5', 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: 'f44b8446a44097221077d5a316cad3addc6b7987', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1dd64b38c6dece756c1e5dd9247b2e25ed59a334' }, "1")), h("gb-pagination-button-group-base", { key: 'a904bdd99e1f8de9c537cba2f03f9dc488716d37', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5185b8b3d2a43879be7f4aa896c94aee1afa4a98' }, "2")), h("gb-pagination-button-group-base", { key: '85b04442229a7a6489623090e25e05c0a2cf7443', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b7132950a5294a3487a47adb154c9dc172b3d25e' }, "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: 'c8f0e2f087509262f168ab7adee9281ef29e9545', icon: "false" }, h("p", { key: 'b18e5685ab6009495cc0054481c1396f68e941a6' }, "...")), 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: 'fb51af752bf936a3e7e809b625316970b93cf5dd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8343c0fd5854cd215a4e0c71924a4953a4606449' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8137c147d799aca75d5cbfb55682a9a8b75f0f2f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '80298c1d6301dd9b12741d0adc0cf8b346e1609f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '06cb36387a2397e97aa3e7843de60da0b14cba9d', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '070b165b4c1e17f3c6ce5d9c4c40404a1094f207' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4fd8062cca12b91a453e536e161927a633a245dc', 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: 'f2e23d446b9b805be544174fe974f03bbc6e1ff5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '678690486f375da983b6a5a2ce9828f8770dd293', 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: 'fea88b54c8421364424dadf4003dfe45294c6364', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b4bc9f4ffb6028df12d78f54a5274d69269ff082' }, "1")), h("gb-pagination-button-group-base", { key: 'ebc599f3724773ba245de9ee970e83ef8843fbb4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'aad07c3196143ce488929d2d7818a1c21aa06955' }, "2")), h("gb-pagination-button-group-base", { key: '6ac006895d89350f10591a77875866683ae1dc29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2fc1edd4ad4b0303850f788714b1bab65eb27c1c' }, "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: '654407a6653b1d2511d00babb26570dc2aa2a2bb', icon: "false" }, h("p", { key: '9d7fae0b8d97cdda8aa11cdbc62986a9c945dffa' }, "...")), 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: '0e9b03db8382dff0c61445804f4cf1a5c2571dfc', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a6a8d0ac5baa52692135d2915eb03b8af9d8f4e8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aef0a078f5ec9b1c498dc9d0e7701eba55fc9742', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '428d1b3b13a662bfb9b15a56c36b3ee97f9d6cca' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '867248bf143045c9e90a545e31ba6b21c7445ac9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '629814ca5494e0ec0cdfcbb17a8bff169504c445' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a03143841c79032397709eb9116ee956b03c49fc', 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: '5e7f4d180bf6b980de89c3013206c0886d32d9b7', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'bd607e473b77b59f0b6c889a7d929555ea08f5a6' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '2620608a2bde368ac00e765a18dfb8c48f723176', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8b7878eb7b7dc08b2a98e6ffbdab996db2a80a1f', 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: 'a80f08e2507113d017cfd2e8c6bb72903a696a25' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'a6fd52323f86276a3084a2e7b52b9fd73ab8541a' }), h("svg", { key: '59b34e519730a38742da8429a425a9f4a2b72cd7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6522b1d56f1be2fbf64aeee24d12fe0727d9eae6', 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: '363bcca83d78305d33d57b00b5cb62be213d5b5a', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '0d9d8cb8f40d1cafad1cef12da5089961fea01b5', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'c807fa5168d9853823b8145e348f62e177621280' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'd79a767dd8a525a3dcdd99898874ab0804caf1b9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ea8d837bc61be04da715c871193566b3967844cd', 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: 'f1d4b4c4a96c7abb668fa5695d619ddb16a4d038' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7ddb42398860e385e5921421e488aeabacc1cb65' }), h("svg", { key: 'fad5a76b48d1c8b2adfa4712b686acf5407c6e34', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9d2919c9e01ed643d0a523aee42780744a1f217b', 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: 'b2d269145894f8932a5e143024fffee8adc245f9', 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: '088afa4979bed716a7a455cb8c457609e9037720', class: "dot_group_div" }, h("div", { key: 'f7b7fa1066417d85fd2b5bf981a3607dd8fc6cab' })));
+        return (h("div", { key: '02671fecc952fc830c06cc608d86226d94a9f39b', class: "dot_group_div" }, h("div", { key: '4277e323ad5780048dcdc2a21b4e1c12fbe4fe1f' })));
     }
     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: '0f0c7f28f0743d473aea425d578f5574cdad261e', class: `dot_indicator_div 
+        return (h("div", { key: '956191a1ccdb5711e3663f0e0c312b49139834f7', 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: '84ba570ae7d6cb01072affe73d906a65fe5f03eb', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'b8b0d10709b3b3175c7f866a2d1cf103d560af55', name: "page_number" })));
+        return (h("div", { key: 'e094c27e2d6d68c17ed11af55edd6c3bcd4e14cd', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '328599d468f592b1fbe2370bca164b797e8133a6', 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: '53ba8243d0e96cacebacb7b11ab0457ab33c6ec3' }, h("gb-btn", { key: 'de525c66826aa643f3283b2c89b52dd9781af7bc', size: "sm", hierarchy: "link_gray", icon: "default", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '9f5256a5db174db1662b38c16f9803c7d65b0ec8' }, h("gb-btn", { key: 'b04af3ff1475177f3798a571e1ca16950ab32130', size: "sm", hierarchy: "link_gray", icon: "default", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-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: '489b90ecea78d12c26443a7dc49930f689dbe220', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '62a4f65bc537ade994ced9a57abb025574348d72', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: '98d79e03230a45f3018d3ce72e8cc05b91d7f37f', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '8db667f9073dfeb9045678b2488eac97e8acfe37', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: 'f858e097a6e1c4d6d38d1d7294f204cca08fb3a4', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '1d16ef638e354c42b000b622ff7d36e4cdfc246d', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'ce0ad93128a5331ba19258bc346148934a3e4440', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: 'c80b850d270fea6153eb9977884d3b5e18142c2f', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get is() { return "gb-pattern"; }
     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: '100417b4154da6a9e4b1552dd55ac5226fc9b4cd', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '7933cb41e1ddb0295f0708cda826b89e65acfa6d', class: "progress_bar" }, h("div", { key: '0f091cd5fbeb5df59523eff2260bbfd8abae6f4d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'a11177f7f25867291123d34e63202350a2d873d3', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'f25213ed644cce3e91b8c13fe86c1fa591bed513', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'bf671f7ad12f3285da516ce59c71f6b952da2c85', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '8d2638ad55a3251ef982857bcb745bc5bcf4b25d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'c243b15ee444ff00d29889505af202d5715bb33d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '98e2390b8dd8f7fa81779fd68722b156cae4651d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'e7e3d61747bb2edbeb99b4c57adb6ebda97b4fee', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '8655f98520b2d01b5ed03687bca3348e8d91eab6', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'faea4e63eae8ee38aa9468702aaab53aa80827a5', class: "progress_bar" }, h("div", { key: '31fbba84b7c2c7bce30e9b8b24d417e3b7d2bba4', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '88a4c432fb9a075473a4d8db563dd35fbd835dbf', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'f383d31eb10ff6e37ff627ab59c70dbda96eca55', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'cdcc1ac0a3c752e2b42bb3c7e542cd28b2e70351', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '86d07b981dd8d7e32d83ce05e99509f672f96a65', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9c3f232322f2be6e0b042d4d9919886a2e07b869', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '3de4e574280c51570c1cc6eeb8d87d6372d5b220', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'cab99424abbc3b7aba2c16b82f75ef4b9ee08c42', 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: '948c0aa3846d53e7985413821588b79526c4590f', class: "gauge" }, h("div", { key: '7dec26fe7548bb897030e62bfa997c83acf91662', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '959588f834b3552fdc6713c1f0bfd4cc6a78ee8e', class: "mask" }), this.label && (h("div", { key: '6863fce4251e7303b2dae0183c59b45a779376a8', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'c6f727b8b53cb6cdc28ab713a3b81bc6f61c90d2', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '7c61b86fc4cd8343f72ddb6a46ed4c1f05edfcb4', class: "gauge" }, h("div", { key: '3088068c3474f72f6984687d5e71a0e8332816fd', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'f4bbdfa9f3cf162d87bc97b8c056452e5206640f', class: "mask" }), this.label && (h("div", { key: 'b3488d31a2a72cdb0f3beb7ea24409b76c03b801', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'd867216c715563a32d0ea4ddf688a74e0b5d2b9d', 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

@@ -31,7 +31,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: '8de089b82f05370f945dacd3b901e7c9451dd9a4', class: "prompt-modal shadow-sm" }, h("div", { key: 'a89e8515ac85bbf7f51be24e0e626f4655a876bc', class: "modal-content" }, h("div", { key: '0fd28972311d0845139e76c9b3b3fc2c80e0de23', class: "content-top" }, h("div", { key: '33574ac59483d9fb5b4a7511148920520fc20dfd', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'afde36ff74a6362919cf64462d3f556e9c88ffb8', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '929b05e12d5029833f12be79718d43e9c0b5dc9e', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'f7a82355bc6a5730c70bdd9cab67ba28afdec3b5', class: "content-text" }, h("h2", { key: '742183cc4279052ed3df6cdb8f0aa787a5b0d1ef', class: "display-xs-semi-bold" }, this.heading), h("p", { key: '3eba05d0c0ae474087c3539fe8c720e78d097d1b', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '522c1b375f62e54b1735630ba6b0fc82d0a83f49', class: "content-check" }, h("gb-checkbox", { key: '7936dadab15a36bbf772e6cf4f047a77ec562877', 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: 'b6d8a127bcae34b7912c2b0fe4e2f5746de76585', slot: "label" }, this.checkboxLabel))))), h("div", { key: '045b37b4cd352e922b25c5608ae3afd212c1204a', class: "modal-action" }, h("div", { key: 'fc014850d33f1875a06b8bee57c5ebd24fe59a39', class: "modal-buttons" }, h("div", { key: 'd2469f16b545bd55ffaefe5174cf01b3f41d4783', class: "button1" }, h("gb-button", { key: 'd144ce9e4607873731c87e8e2e0c72733e036716', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '80b09f638b92b7ae9fbac92ae8307369688ccba5' }, this.secondaryButtonText))), h("div", { key: 'c15e133a0ff28681494ccca5a1111b3be26d936c', class: "button2" }, h("gb-button", { key: 'eae8ec0c254dd335b90e27e1a7bcb0cfad5145bf', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'b30838c55077696f78344ee98c4e952346323b2f' }, this.primaryButtonText)))))));
+        return (h("div", { key: '8666bffd2710bd76618a904c1d207e6e8c230548', class: "prompt-modal shadow-sm" }, h("div", { key: 'cae68c271548dc567c2cd8428e498787e071808f', class: "modal-content" }, h("div", { key: 'a7d3f42e00d63820b38a5c267df54fb212fd064d', class: "content-top" }, h("div", { key: '93e7838041c6c702baac99ac42b6fceee4bdeab1', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '3f414f4887dc7a8b54c5c65b2a4b7889c44c0e82', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: 'c937d9b66a00f0da9840fd196a23954273cb1d1a', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '2fd7735c499a6a2c03fc482ab65a92b4e9a9c50e', class: "content-text" }, h("h2", { key: '7964e33bbdaaec7593690272e76676256888c190', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'e70e28624f1b5a2db28a743850e7718c33931e29', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'b57a397cd7402312f983582195728dd3bd0028ce', class: "content-check" }, h("gb-checkbox", { key: '3b06211b885c2a8662c73614db3ad7f914b58c7d', 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: 'fb2aaa49ac903db661290d87b99332825fc684dd', slot: "label" }, this.checkboxLabel))))), h("div", { key: '0f9a8645d89c576dc5f720337365a3b0c7086925', class: "modal-action" }, h("div", { key: '3108cc73dd828a442702ed9947c2e29f4ad3db04', class: "modal-buttons" }, h("div", { key: '05965c2e1ffa767315eebb4c55e947e78bd386f8', class: "button1" }, h("gb-button", { key: '083b90b422e90df93f94bcaadda1951237a57be7', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '4fe31c9a92a0a030b2479df3cdd895b438d7fa54' }, this.secondaryButtonText))), h("div", { key: 'f1f1abb5869ab06ef09ae260a0c200e4b7072ce5', class: "button2" }, h("gb-button", { key: 'dcef6791fce64fde8189a24d6112a585acbdd771', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '4a996c841218594b35bead3f9b3e1bb5303a07fa' }, 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: 'd928cc1bd364b06a30e1ecae0cbd6d96fa696651', class: "quick_action_div" }, h("gb-card-icon", { key: 'cc485a29029c817acd3e8522936cc0bab252fa85', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '515eeaef60e7ce2d1c0197dd695fad5d7b0fcc8e', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '4066cac93b7ba1f8819a3e8d2f8d195c6ef8d850', class: "quick_action_div" }, h("gb-card-icon", { key: '6ff4f80d638d08a0e4e1d25f23662f54c66727e6', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '316e8d0490e432e2699e0097deeb2780f59b523e', 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: '681fb70a082d84fffa61c981041896639035f8d1', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'a0a8ef552d3dc08ca8bb9b01d4c5a1fb5c9c9447', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'da9a7d49fb08c47826cd293fa0b44bceead43219', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'fc6989bf91aba4b1b0d2834b56efe8d9f379757f', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '1b026206813b47dd0c5c647731e8da2d46d0cdee', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'bca5da16a06ce3a4ec10bce37c04d4eef1e29948', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '240e8e342bd5ff125ba02ce1ee24bdf937c79397', class: "scrollbar-container" }, h("div", { key: '5243a2cf365ed28525e938090d7d9ac8b96457e7', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3191e22be474aec60175d4cafd585fe0aa685b03' }))));
+        return (h("div", { key: 'f8d29aa948d04c85755088790c7e706c1e122234', class: "scrollbar-container" }, h("div", { key: 'def76c09945261d2f0d48d59823175e82ecbcfd8', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'eedbd15fa6e54804f241ba93f1db6ba1db26bea8' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }