npm - globuswebcomponents - Versions diffs - 1.7.3 → 1.7.5 - Mend

globuswebcomponents 1.7.3 → 1.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

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

@@ -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: '4fdee154c9f221fb70af35c8354667d6f097d595', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'f899ce8aa950596d9d99d9e399e599d919793422', class: `container` }, h("div", { key: 'bba75888bf505547eeb94a287f25c9aafc322cdb', class: "frame" }, h("img", { key: '82d8ff76ac7acfb2e994ec7f5c4c9ad7ffeb6ef7', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '31663bb3b210611f1e955cdc4536040f543811b9', class: "empty_state" }, h("div", { key: 'c8db09d8e011c608d41f26c8ed033f3d23c3c8fb', class: "content" }, h("img", { key: '7ab4b277ed46f6f1bb06a2f260e3cad649dc9fae', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '2d9f420fd552bab009be9bbddefbca9875c29776', class: "text" }, h("slot", { key: 'de975599934136cf847f53c1cbe91ed7cdabb5dc', name: "label" }), h("slot", { key: 'f5899366da28ad00645c1adf14e80426d1ad2ae5', name: "supporting_text" })))))),
-            h("div", { key: 'f3a41282dec30859c8104361871f37dd4ff26932', class: `button` }, h("gb-button", { key: '76ced367bd0c95447f99d4fa97ec42c019cf1335', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'ab1820fc2e954c63d8e77d2fc161fa09c81fb357' }, "Mark all as read"))),
+        return (h("div", { key: 'f8cd50ff683975f757a3b11830f88c7f0e6e35e2', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'b3ecf9f3b333b72f14c433e3d40edc0f51518bb8', class: `container` }, h("div", { key: '3ccd36a02b5e0874568e878117e84cbfeb8e3cd8', class: "frame" }, h("img", { key: '1fd5818d9bb44d34145bed9ce8c1943ffe6cb0b2', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'ee0c292ca925f5f66f4957fe41515183a608e418', class: "empty_state" }, h("div", { key: '167166c7fd4ef77b0ddf118b8343eb5c3b9b3bcf', class: "content" }, h("img", { key: 'ac7cbb21c08162eff82f0fd18d0902d757a484e9', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'e8b5a2e4a6ee051c1dcfe7825c7a2518463dc048', class: "text" }, h("slot", { key: '824a4eb642b91b96f0ebbddc673bb86549e6ffe3', name: "label" }), h("slot", { key: 'bf74d35ebc30247bfac56f70d2019ac5ef47d40e', name: "supporting_text" })))))),
+            h("div", { key: '28e0e9e191553d0101fb75ac52ed87ece406b973', class: `button` }, h("gb-button", { key: '610be18cf39a8903b07d9ad784b50e6851a8fb28', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '6a61a15ef17e9f5095c57a9915e1dda9b46a03f9' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -29,7 +29,7 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'bbf6ebbb016d6da4b07c159f1be934f513e8bfa0', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4a531e571b358918face5c663f9f65d684599cbd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '4a382197b872418b3a2611367b89ce02223011a3' }, "Previous")), h("div", { key: '74714a5f64ab4a9d0d8057141873aa789dd5dac4', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'd38c85b7aaba3a5fb6c0b728ad67f50f0aa7f28a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '53faa2c88247324f0e1c473c52f90d4e32e53585', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e4bbe9c6b8cb3c023e7bac375fedce35da77755c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '15c32e2936555cb77b8b162d42dfbe7030e47731', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f47178208bfd0a4b9ca18fc29347ce010b9f01eb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '38da3db4863f981b819bdaa315b9043aab6a4982', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f781b9e1927262093b6881dec2614bbec07f0450', shape: this.shape }, h("p", { key: '1dd4129fad7e4b3fadf6edc1085f02554b69bd61', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '67618c0ad2e0ec43e0b0457725c5328c2807c647', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '8dc6ebf601a427c6f449b8f3afe43c23286c9e25', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '65af0988a78319b924dd631ccdfd381a84d155b8', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'd155566a53355f52fc640785097b1ea1b51d14ee', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'a753df59bff72c1fd6455ab234a7a1d01d77082e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'bf7bc568b25aa74784ac1b349f594059231d0d7d', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '788c941fa4858609923b2740b949236b761dd516', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'f119f8d422a58ae5872b54529a4c117dff0746f5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a947dcc03dd93fcb41d82e1b276b591133836ece', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'ebad9548a66b983d48cb4f106f648a19208e3422' }, "Previous")), h("div", { key: '80b0aba2aaaaa69891174941f9764087f5d5d879', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'e47048fa8aa73e4f711e021086d4fa24f6c9d008', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6897be04051d3406fb6f29b63708cddaeb746a3a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'da65b56fb9fb9d456fbc39af66ea4c055b9fb0b9', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c19406b3994e5936da5a81d3ed92846a7bd98b7b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '75f5f7b43fdfb31686511d5ce7a716c89d68daf2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '63ba9c187139569c67e2f6f1164ca7c22570e842', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9a580b72fe227841035c5d7f310932e8536cbda0', shape: this.shape }, h("p", { key: '76bd75e10ba4794d2b411d368cd20850fb91208c', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6db5972f15f2799d0be98720527c33b9ea481595', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '363b3444c168d484cc3507d1a053f86af3b75078', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'd4495c74a98d00c7b172754ec3917696d1b41f95', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '11a701e488dc82ea8a555a5128f20e92f8b7e31f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cdcdce494771fd1633338dcfdbaf9d220dc21644', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '0ed2f1edb52426445da7fc4d8ce510b1ad7ab449', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'ce3d6f214375db3ef759eb85cea4321e721a1ea6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c34214648588761089cb6ed269093c5b69f289e8' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '78846c47617160418044775d9c709e3617320709', class: "pagination_entries" }, h("div", { key: 'aacb018150b7992efdcb94f3ae885e525eb3835f', class: "entries_text" }, h("p", { key: 'de51f242cf947070fd7a9da6c66f29a30d11761b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'eb96f095c7034fd008704af0842e43239708b45f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4bd56d4436a6a0d17d9f37a2e3f01721ae046c23', 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: '7c16ab887aafa9d5d1c88cf60675637e9b316e1b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'ae2a49da588071ac030ec7b9341a6f760024b909', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '75c541a8e70ef54feae29f17c37cc4fad1a19577', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e3f013b4bb0e76a79ff6a91036b3c78ab90c1050', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '9650eb80b4a762e731be4a34fbb5c4c794e194c0', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8eed0ae4fc51604165faabc6c8139dfa7a7ba6d1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3d66210b9cbcf2f0cb6f18776dff1e00d6304a4e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4ac41978f32dc2c0be84cd6a88a74589b7c8d925', shape: this.shape, state: "default" }, h("p", { key: 'fa8b28b75d5b786d2ec38883348341f5c4ee9e85', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8ccf4a9cf03175c4b6d4740bfe4ca185be59b96e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '0778c463374ccae1e784905661dff63797471aca', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '421e52bb3e813dd0a853b0c5ecaccabbaa5c8cba', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '14e04ea4e244d371123825a59000654e4139d459', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '100e6e9943e4b2b21493b0dd8d4974fd268802b9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'bf7a9cc75e469fae9302370dd775f0179de9cd03', slot: "page_number" }, this.totalPages))), h("div", { key: 'f1467d6105bc98b21683d1d07fb4cd6427ed27c4', class: "pagination_btns" }, h("gb-button", { key: '66fb2e36b5c9798d731943c7950b16994e1770dd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '0b04b0c6a9b1a3c3e19d37d909e6c35bffa50393', 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 === 'desktop' && (h(Fragment, null, h("div", { key: '95caf04beec1fd4e58d07fce0f62376902f12370', class: "pagination_entries" }, h("div", { key: 'a2140a8c332ed625fc9156d1cbead1b0fbe19ded', class: "entries_text" }, h("p", { key: 'f64a075451a7f8269c36d46465a95a75395b3fe2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ec569436ea1fb35183129932650aac979d1eb546', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ebb4e3a76facbe67c99de8d1c1bfd6cf1d58bada', 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: '5e94d08b21aae0136545ad80539e5998e6b3ef0e', class: "page_number_text" }, h("p", { key: 'd49ff8111f5fb8751d70d92369aa34d104b36096', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'f5c97cf001a202cbc9144772e3357c3f53cd5f75', class: "pagination_btns" }, h("gb-button", { key: '991f9338bf9acdda72ce9dcd86575c9646e4c680', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f5721e5d47f65b043775769878e7cf203ff61c15' }, "Previous")), h("gb-button", { key: '52264b4c363a5a813c71ff73eedd8e338681abbd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c610e8320a8337ba8d373af4ea55a976dc7d244c' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'cbbf06a3a3f50d8a3933b623955702df5c21fbe5', class: "pagination_btns" }, h("gb-button", { key: '58ae53ce64cd753ab0c40ff51646baf448da72be', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e778ca876a6a3fe7988f3845fe64d02531348582' }, "Previous")), h("gb-button", { key: '35d6cfcbd89422bbd9d02f69ab091e1de485f67f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '213d1cf427007b2dd98ac83fd4a5041f1aa6b139' }, "Next"))), h("div", { key: '5adb8310f2f7f486ff9d5b87ed49883d6ae31b91', class: "page_number_text" }, h("p", { key: 'd13eccd54e4821b104b14bdde5060e7471c30089', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '135c2b397bcb92a003310391585cb4bf3992cfb7', class: "pagination_entries" }, h("div", { key: '2ead855ee98d35cf03690025fd0dc29291d66dbc', class: "entries_text" }, h("p", { key: '291a74bd4fbed3f6bc10f719cc7699dd3c0277ce', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '586e2bc021da5e7f51bf4d6722b91c534bd96e38', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2e0defac47065ac2908c2d1481a5fa2df467f45a', 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: '1d461fe45c0127139851cd68d1ec51f039643071', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e2bf14987a28d95eafb8b2a204ceefa3d0d36f1c' }, "Previous")), h("div", { key: '465d5496c8ac97bb17fdfcfee66f9e10cb6f46b5', class: "page_number_text" }, h("p", { key: 'e43c295c7e40db69490cd3002186b57cf9fcd48b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '43d4f22bdcd5727a52acada21960df7aa4063866', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '751062253f87b20bf77fd49e1408bb8757c1256c' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b1e5499562786fad2b6a6f3badc19365992cc6c0', class: "pagination_entries" }, h("div", { key: '4820511d389b9b50bc964b1b51fccb256face1d6', class: "entries_text" }, h("p", { key: 'fdbcb8989b6bf3264cbdf5a992f8c2702993b40f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '80875327ee9271553a36d5d3e7f411f8c26c1848', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '364911369702a0dfd0bee7662b318d3e97145d03', 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: 'c9d7bc11fea90e1bd9c6c611be69deccdd051903', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '972b9cce9fddcf747502681e42f127c37e39237d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '69991ed757e7f0b7666a2656f6db60a0b0a23e13' }, "Previous")), h("div", { key: 'f542e39606d295855274520b2e3482f9c8ceb1fc', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c02547845c8169461d89526f57ef083043e189e7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5cf8266ce59d744ac1bf812a8868d821fc7e58d6' }, "1"))), h("gb-pagination-button-group-base", { key: '15920839e45f4b132205d7a29f8f386f65f92c95', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'aa6327b38e7676048bcdf7a1cd56e90422b60b22' }, "2")), h("gb-pagination-button-group-base", { key: 'd072c302841d28ed8feed3e7899d867697452754', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '55a64a19c9313d6d83ca9bdbfc4585c06503cb76' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5d1b0de2456cd8b7fe0c12a4a9f1f070c1abead5', icon: "false" }, h("p", { key: 'd8813199a332065d9090a16825a3e0132b7385dd' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f8e55308c8c482e30e5b173a316afc218da9117b', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '60a6dcd4534e97e3aecf8b9e175de7913195a0f1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7d96355eda1bf90819127461ac03ecc41053a159', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '50c0de913a27754a0d41987e237eb1f48f37d8f7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '011b6e0e9bd7ef67b0572858930ad1582d62bbc0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '107c8aac919a1f09ea0cd3ea91ee536954a2a9b3' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'af643717c0af8c7862c04cd505d64104ebdd6d88', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '93796a23bba8fe5d256d96a3e40715f166c0ed0f' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '46c93e78106489c8c9e9076dfe8c349bf72b4e4b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6e3730260645ea5142b702c1c2d99b81793e5114', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5879e5881a8db32331e89b48c27f2d4b6ac96d4a' }, "Previous")), h("div", { key: 'bc1fc90d04aca32f6eb6680098cf42e8171889a4', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '810d5ba8ee707982e689e00709f6e81188766322', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'abdce3f0d5b763338ab69cbfe58fcfda5abce881' }, "1"))), h("gb-pagination-button-group-base", { key: '032739f0aed061c565c0df3ffacefa4bf1416c2b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eb12761b6c31ffaf72da0f2ed90fa70b21ac516d' }, "2")), h("gb-pagination-button-group-base", { key: '286b3a90ba6b64cd69641e0cec5f168454d5aa37', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c261b1c2f36dc6a27fb968e62e7e3f17fb09f9f4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3d2cf4c58521d504fdedd98332d6c490089d8fcb', icon: "false" }, h("p", { key: '96b884adc9123255a26792e02e974b600d5a2ed6' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cd04ab5f7eac83426aed6390cc66c64c05271ae3', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '222a4775d80a4205ce2bdbb298cc2d322e45986f' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'cde69aa1af5ce894335da89a2c9e3a16c61ca12c', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8a07aeeedcaa04a9de84c1c8c674e6e768298be7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '28e6c2ce9400c449ec1ca049d37f1bef62fcb08a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '4f121b1a3ee6fe03225b793a1cd5cb6ea438cabd' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0a74ac53c71ef1769c845bc5858d7c8570f4ab17', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '458865ff9e3c788b59510ae1d820c3fb4a64a7e6' }, "Next"))), h("div", { key: '9bcba021e6d1b6c8dd147653f26e9e98f36abcd2', class: "pagination_entries" }, h("div", { key: '6768844dd645b86a02a38f1ac17c99794b4391bc', class: "entries_text" }, h("p", { key: '5ca9bac35f807371d0cc76b9a48c156fbfc29af4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '84bcbc9abf87fc2de615dd3180ce544b0c025085', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5e6eaaaf09fb81cf17be6cf84c50d6bed1c5663e', 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: 'dc62d0cd69d1aedec88252d76e2c93c2ad40c8dd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0e6c1fb393abde0223e43a593f5d61e006b0606b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f18932aaf6864328a284ea3057e168e11d379165' }, "Previous")), h("div", { key: '219433d0ba0d79ec4c8f41424b38f04ce0b5e79d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c7c72f20d3522ad14a10946b18283b8a41803cd6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4a9350b23fd2bc83952d521ea4222ef3eae12dcd' }, "1"))), h("gb-pagination-button-group-base", { key: '9eb5650a7240c77820544a8545573fff33353a06', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '56e4c829facf58c07970dd2aa947ff9ba14ddec8' }, "2")), h("gb-pagination-button-group-base", { key: 'b23577a373afbd744a2700a9b1bda51860613bca', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4cd6a2fe2a1e0c6152be5df8fa84ff6a46e339df' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '10c87b18eecda44e28029e0a403ac1f429962b7a', icon: "false" }, h("p", { key: '84d4a1afde0a33ce1d195a3c197179869aa4f588' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0af7c74a26ce9f8aa1fcbaf30f5908f21640731e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '708992db767f7361617e2b0ca27f7780ad78f74c' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '1f396e3aa60a4ff4f6cd450682eb19b0f9b06279', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a34a6c3099d00d26ff9a30da16c8c797cd5441e2' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f56545a5bdea62c02ecbeae6d51da395e88663e4', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '1b9294463d7412f09440649aaf83a87ab4fd8943' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '9488e8b544355d93d633ead142570a8199db8fe5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6dc7131fea72d9f3aeef3570bdf113bbf03bd774' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '559f5f26941f44a03dca53b554a69b338c42b413', 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: '678d6370f6486b935738386e30fa3c2ff48c9fa4', class: "page_number_text" }, h("p", { key: '537ad9711d24a9daf87099e536cd0c1c2a179ef6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '27cf995b8b74941344b24c4f5198ad4d0d43358e', 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: '36b0369efff8e823079f9cfe4b22f15c502af0ed', 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: '3c9009edc7be669de304b8852742711a05b42da0', class: "page_number_text" }, h("p", { key: 'f7bfacf2bcd34bfb415d2adcf41451c015f58645', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2e40fb080bad506131c027661f57e20c3f30ea7f', 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: 'd8ec9cd48154500ff1ee1c5186529345581a88ef', 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: '1ce4ec4d97e524b5d260d6b3405d232f43119e59', class: "page_number_text" }, h("p", { key: 'c2d216a177f691d8d1697c83b6ea77ba48b0bcc2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '127bae04862da9b5705a186d86e43a2330185bc4', 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: 'a3b6941bc536aae333d8d54d674bd345daa640c1', 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: 'be182a5b7f59e9cc168b27d16f5d8f8d8de45fdd', class: "page_number_text" }, h("p", { key: '8b64d1a8986426b87b125a2249d4588968b164d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '0f3621708dfa38167fea2d2b444db59e38e7d786', 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: '9725e9c1ef29feec42336896aca084d9c0f0f8f3', 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: 'c5a98928d16e8ec3264d1f6e72bb9099adc5aeef', class: "page_number_text" }, h("p", { key: 'b4e53a7402d739d599461e75230b4349fc017ff2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'fcacbc5e3bad33342297dde173db258d89f4cbb2', 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: '7209851fa0ad5e3be3765671a4d06d2f41e0ec76', 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: '765b92b9199e06caef82ec5880194ddf972a0f43', class: "page_number_text" }, h("p", { key: 'd314b89f668a6ab1d883fd62be3e52bdb7e0d624', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'aeab3b96a3a1f29d870f845792772295610172ea', 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: '75e40000c126c8023dbbc75ad19cd8030abd77a5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a05d06e901cff240224608eca96ece69f75d693d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bb8fbfd4aea50b54e489609479d879070910e4f7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'bc4dbd394f757bf08bb57006e380ee5bd397c878', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cdddfa65a15dc5edd18dbeb95043b11332ec700d' }, "1"))), h("gb-pagination-button-group-base", { key: '77d53cdd876f9288c4654c360f0ae49a6cf4a3e0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f3b2a063d07ba958bb5b1ca166f5c590ac3c3307' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2e7723c8640294b226dd44187b578979229745e3', icon: "false" }, h("p", { key: '67c882d67ce0d078fe84e1ea9dcd3713a11048b0' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '35834e17aa1ab6125eff8ba62728e38eb9bd094a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '89390b4809320fb8a6758aee72f233146d67a70c' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '8520a4d72a73314eddcc01f81b9f1c99cf496e15', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '17ac116c8a7690ca036bddc557d7ee99322e5083' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '6473f2abb1267b50012a481e5877dd15877efb33', 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: '04864e0b4e8850824921cac72ae3a2b0c182b845', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '301aeb1a3ee99f5c6f612a4f583ee7e5c0d38520', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'cfcef0b6c02a30f4c70cff4d05b8f570e56810f1', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '3b28834053ca0cb3859957ab071177f91c0f1d14', icon: "false", state: "active" }, h("p", { key: '637a69e349a322279bba420b49520ad8adabe2e4' }, "1"))), h("gb-pagination-button-group-base", { key: '5f47c1c5cfd0077f255b132bf1117cf7eb9aa774', icon: "false" }, h("p", { key: 'e010c931c4a5b25840e23a9f601d240e5697475d' }, "2")), h("gb-pagination-button-group-base", { key: '64063e2772ff8d22e9af40094987e0925d5df039', icon: "false" }, h("p", { key: '1cd89c390a6003a6f659df7360ca2416322cf805' }, "...")), h("gb-pagination-button-group-base", { key: '02eb2040b8870fb1f57d08ac4fab18eeae301242', icon: "false" }, h("p", { key: 'ad95281d6188aa2be4d2e28d4306fbaed9c4ebc9' }, "9")), h("gb-pagination-button-group-base", { key: '2b0b3eee9b8b3974854436df01d00d1f7953aadb', icon: "false" }, h("p", { key: '926de96ddcdb84841dd1a4fb8ac7e365b2a10870' }, "10")), h("gb-pagination-button-group-base", { key: '1d338df03c4c388d820a45d8a14df2a4386c0c4a', 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: '13aa657665b6cc45b2d51392dd510c1d0fbea49a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e1e0c90b4b7a7c21eb31d22a9ef4d4baf1a07900', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '8bd89e32aed8ffefdda2a2603232ae82b2d8ecd9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '1b6419e0eca8681788660c6973be0291e55deb66', icon: "false", state: "active" }, h("p", { key: 'b68affaaae765c5d4956cce0ae1146823c95eea1' }, "1"))), h("gb-pagination-button-group-base", { key: 'fd355c9256519848103284ab52ddcf7e567b6d37', icon: "false" }, h("p", { key: '28cdb3a7d070e8b47f0c3a57ec4dbbe14b499996' }, "2")), h("gb-pagination-button-group-base", { key: '093c577a214607be497e707fecbfecf0cd128c43', icon: "false" }, h("p", { key: 'cc06fec9ce376f5fa1657e61329d0bf3b940d1d6' }, "...")), h("gb-pagination-button-group-base", { key: '577566fc3c8567fec0711fa9be9149e9b4da6fac', icon: "false" }, h("p", { key: '47c6a7804602729a843cf12d91d7947943a3be3d' }, "9")), h("gb-pagination-button-group-base", { key: 'bb46022b2eadac60bbdcc4df13367121395f3430', icon: "false" }, h("p", { key: 'a4890a28c48ccd9c2cc9858f54e0d4c3d86c1bef' }, "10")), h("gb-pagination-button-group-base", { key: 'cc581f25a4fc09631ae38724ac453c5cde3b2816', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '95218e4314919e6b4dd3f7e1765d5df67daf845e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e6b2c4768333f0d9acdc6af2759c5589aedf1f70', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'dfd13a46327698dfc830d4345a1c498e59f3d1a1' }, "Previous")), h("div", { key: 'b2f30c574d79fbcca92a460823376eaac67688ef', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '2a8649dce0cdba6ca2e1bf133c8a165e4b6847d6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '157d4ac0bc6a9c8dab8e5480e387eed0d28795c1', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8f5bc4d8c8eb154d90f68905ee61fd40e0c2226c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8e0ab2b6e55ad16950230c76c4cf6e172f6f6dbe', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ee6cb1d265ba0edfd86e0ba29811c6723bd2c97e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '9ff3e4d7de51a830ac61babc9a998863057e4d76', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'af1a7cdc134f4ef3424d0386511fb028e835535f', shape: this.shape }, h("p", { key: 'dc3104db248f58ede677b7f805eb2f985a154b79', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3d0ff34d302967bdc45ce8af12914c144bff75ed', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '95031739a3621d0727fda2a8d06e6493db060810', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '135fe2becfc155eee1c52040dd09a102aca89493', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '2c05cc21a9d652b53d4525f19d09f4042fb4c131', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '15fe88d333fd32521f836fa7fac95746004dc48b', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '62bc27f355fb3abd35e93a60683b27c071c4ec9b', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'dbb9d0d868c39c77cbc20191271fdfff6496525f', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '527b9e16f337d2c64ac435eaf1b4cdbd134cafc5' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f465ffa0ae90aef2697a865d1cad7d885493b05b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'bf94ff5b14c7958a55276d13b47044429223f43e' }, "Previous")), h("div", { key: 'e1ff381620cb7bc547b2376db7e4726d713e4a9c', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '8aad85ff22f1661d782fedf850ab63e3081dedff', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '45c7b7fd66d1889d7b1a0eb19ca2f45cfa3f1f62', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '741ad65d5aa8f11f9dd140f9ced80805d82176b2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1398692206d286d323285ed8f34418abd320aca5', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f66f90103a833854cd2dbf23c82824a88b3793ca', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3fa389a3efb035da468410249334dcb93ba3e3f1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5ca0ef995f42b6669b78275d2424bd173c515698', shape: this.shape }, h("p", { key: 'c988ab8ecd071b78ce8e217d3d9ccddf037b7a11', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'bc03d99c892c1ba7fe2ab050292535370b092305', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '5e8a5c803b032bfaa68c408214636f2f1e2fc6f2', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '8088c7696bf570b637eb9a943c393c3ea026ec36', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '5bbb37b6b3557db7f1143e4553ce175823214d89', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '34539c32a6d4cb78b5de75da444aa2684e4e9861', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '67888e7fdcc6234ecf07c6d894cf3b2032673903', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '998d2055f28e8611ce8445a19b8a4413cc9e16df', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '3dbce7b0c8202580ff578403ed6ee28d82d160ca' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6bca1032b92708c3947e8605c5d13759158bb3d7', class: "pagination_entries" }, h("div", { key: '655346683ec263ff35a024b96115e8daf0a248f1', class: "entries_text" }, h("p", { key: '6c17db5e98b5eb1ab5b223c00160b4a0cfa0e0bc', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '89318300a3615684ce9e54c8c2840d2f4af1903f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6d6f376f0520100ebeb08d53a08e74e9b6562c1d', 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: '8e9326aa91686ead7c8cf115714144eeab201ef3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '58c75ea7a4c3a03dd03bec2573f47c0387d9b3f8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2e032c5fc18f90d5c91e76803c22b93c73994366', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fc53ff057a8b3e1b3b007da3436a6416f744065a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '717baedc26645b495347d569077ec7dc23402351', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1d6f3c510528112f26005f8e75b5e763c99d54b8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '80f6dccde4f55cf3f766cc4ec138b138b36d1917', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'cad66e7661294e46a44ed0bba89713facb9fdea9', shape: this.shape, state: "default" }, h("p", { key: 'a28d57044460775e5962f92afea324a1e8f1d797', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1baaf298cae1b7b28262005f41213727f5a47bc1', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ba2bfff250f6081f8e74ad84e576ba302cc5ed80', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7c66ca5372363af9c54fe2cb2db397cba3edc1aa', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '007a7c27bef5ab49db93ca653cc3941ebeddd998', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '7e32ea3a063bdac56e8f1b1661c8e2a3ba1041d1', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f29b69122fea0ed7f9a1c222e78cb082fc52a908', slot: "page_number" }, this.totalPages))), h("div", { key: '06f052f8a19d59995c9ba09bcb9be6754803a11a', class: "pagination_btns" }, h("gb-button", { key: '2be0e7b5ff1bbe1cfa653d91013031a03cb85359', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '352054e61199dfef1243fda8fb49f347739eda4c', 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 === 'desktop' && (h(Fragment, null, h("div", { key: 'f9fd9a8ea4dca9a2828dc02cb775679c0f70ae4d', class: "pagination_entries" }, h("div", { key: 'a11fb7a4fe91d18b1cdc1ea833b20847fc6972ab', class: "entries_text" }, h("p", { key: 'cb906db4e8ccf20674b546e4ccf9086fbd5a9c12', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a52fcbdda8d3b79e64fb682f34473bcfa31fd7d4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7e58204a90d14fcbea71dfd48b3b38d49c3510f3', 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: 'a0b7112065d5fffd141644ce4e4c25e8e3177d57', class: "page_number_text" }, h("p", { key: '68244028d896dbbaeb1874cbaddb6641cef37e12', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '7641233f3d3897f9d020074a322a9a787cf0e9d1', class: "pagination_btns" }, h("gb-button", { key: 'fb872c69c943e9e63c20daef6834baff2865d3a2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0d63d4aef3a7e0d42b0a27ac78759a7e030984e9' }, "Previous")), h("gb-button", { key: 'c229d152f2b467241561f4cc9a9566a1b5a0d31c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a81e0676801059ec8bdc8f8fba893139ad0b2b67' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e3c5e7c15337f2936b27066a024425113b3b25ad', class: "pagination_btns" }, h("gb-button", { key: '2d361e6701e81fee430670cfd47c34fbcceffc74', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '06b6db212d8eaa479eaaf0158809342e713f4a7f' }, "Previous")), h("gb-button", { key: 'be5332032170ff1b5f913d9062404b0d3dadd4ad', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '886588db978b5065504ab926762bfb85a0095bad' }, "Next"))), h("div", { key: '9cb03d88cc4dbb2872b11f5214b00db38e6db4ae', class: "page_number_text" }, h("p", { key: 'b1c45cd57fade3dffcaabf7745fc3afc9c97fbcc', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3f503dd4bacfd130e5aa6382030aa10b7639d2b7', class: "pagination_entries" }, h("div", { key: '03e91c58bc5e0beab2fe20ce7b527056267fe66c', class: "entries_text" }, h("p", { key: '68e5f3a982100028f956567d0e8d631b22682f43', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8175b714580e7829796947d42417b2697f49a6c2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e5f7956aa394b9b55f02a035b34f06a8d315c1f7', 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: 'dfe85241ed15788f07805a3fc3c53375daf180ea', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '36471007fabd04eb33e9cd676fc3956e4ff12afc' }, "Previous")), h("div", { key: '366b3cf633d29595435d0511ef7359fb4c10f6f9', class: "page_number_text" }, h("p", { key: '6103a6149ddd67adb0d0c4b8ebbd318f475d38ef', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '33009364ea4741aab8a00478b54d4c01f5f3f6ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd76ec251ac1946b89199c6ae753cdab92a68a89c' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5640a8e2721b35425d85c9a5485a45b7e2183e97', class: "pagination_entries" }, h("div", { key: '662895db74c4147d6ef0786edcbfeb4037de5525', class: "entries_text" }, h("p", { key: '119ab042acb05cad3185478658aa0fdcf11e4907', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'edccfd200e023f460a6873d621c225eac104125d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c0d3d6b13ce9551a22b795a76aff3fa3872a40f4', 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: 'b6f97575cbdd187d437887801e3af51981b5fa4d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b9beda41826b37a9c1bb50bc2d90866a7ae2eb4d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '070d1bf98c702f6e67d0d8de90e8f468ba388dc3' }, "Previous")), h("div", { key: '7b48e9da86d0b3e19e283355d7a083f8dedb4bea', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a7bf63601aba1e0c7962f6f5a3a6d7fe4a20dca2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3b6431a5d963a9267cc35c52b3d5bc3348a5c8de' }, "1"))), h("gb-pagination-button-group-base", { key: 'c98474f3509c49964bd742aad77a07a797ca9a39', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7f327e3e120da10d1709e9de1ad81c13b70aef5b' }, "2")), h("gb-pagination-button-group-base", { key: '5bcad719a39e82c67f7b3cbe883cea780ae359ea', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b3771306643e11e3ad163f1c0760c9ba71412d3d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '923e666604b7d422610448dcb03ec76701023294', icon: "false" }, h("p", { key: '2143f8527e468f998c7edd7d146cb15757a6420f' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0eb9c6ebfa6da05509f749329b48b198ef2f7a09', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '1de3ea3bc8a7def921ea97b5e58ed320aa0bade8' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'fcf7cca35ef6f6d054e258971007258857c96815', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'cd52ee0627e70bdfebad19ff6666f6d18991247a' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '17d39a216852cef95435b019a35077d9e378d65e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '41227d5e0f6276cdbb083834e348821923ce4c8b' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '92595263e4335cace56138e2c84ad6f5a270cca6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd4bc52d04e16f3dd52865b77ba7b0b8a1ff8be8d' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6efa7c13d092a4a2a719456915a602bb66bf3ba7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'db176fb5d6ce82dc40bf3c0cedf6784094687f31', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5f3805f431d76924b7f04fadaea1bd6b39ac1c90' }, "Previous")), h("div", { key: 'ed480c18134822a25dead8785932eb35db1b4ca1', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'fd848d86f7e0014fde4228a453e9ab86a7b507bf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cb809bc396d131b9f71312299fb45fc2cdcedbc4' }, "1"))), h("gb-pagination-button-group-base", { key: 'd92c8f63777b0971c93e2e376dca7df007146383', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0abcc99c54f6c80f56c13a192af78b926753260c' }, "2")), h("gb-pagination-button-group-base", { key: 'f3fdaeb5bb5b14105ce19a43b1e57e1fa3524630', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2dac6cb664583be0d49f97e1c6c06841898dc61b' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2eb835b4c83806fddfc07b1a106d237577dfaf5c', icon: "false" }, h("p", { key: '90677d0dad1a1c1bbbd3796b81e233ffd054d443' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1bbb237b714883f9abafa068f491296cf5f35810', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f3f64d4b271c625de5a2b56a7b15855f89155030' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'ad8c556cbab071c01590bfc61ed1f7339c860492', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2aecae49c974ef45e6e3ce52d2fffd728c61720c' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e1a4b33a0120566033198bd83fd6f92d3a9cde2d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e51f7d7744e25db84a70630d2a4a3b0161a3d55' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'c650d80f7a55f4b969c173ac5ff3bbd64aff0977', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '69a885a6e2ee07d999b7cd9124a714972e37a658' }, "Next"))), h("div", { key: 'aae9af0f0799a75c59fe38aa4d3cb9d96768baac', class: "pagination_entries" }, h("div", { key: '1ca5218bcd79686aa11125087923996da135ecaa', class: "entries_text" }, h("p", { key: '034ed4685a512f3df8ac587a7ef1e21d6f882f98', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a7f04052a96e209886c4c73e9efd3a87ace6a2cc', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7d3799eeea85f07ae2ef3d2c335df1a0702d6d3c', 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: 'f30dee7de67f8d238f6438594f43bf65181c9ad8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9e2d1d0768590cd5b809aa6501fba5f90f79f0a4', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '81d2335a8ebf4de71bb9bc853ced858ac3348959' }, "Previous")), h("div", { key: 'c109f12a2195e2bf1e90b482c5a6d0d45ffb98e6', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '086af1cfead5f60121cb23e48c9bb6839dca23f1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2231a2ee193c5edb18048544b1eefccc5509bf6a' }, "1"))), h("gb-pagination-button-group-base", { key: 'dafaf6f33dbf2faac527b66ade8dcd3b4f681d94', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '33183af639d0d283e58a5bb13d45c096f7b71512' }, "2")), h("gb-pagination-button-group-base", { key: '062941e5efb4d90e29ce54f3b0583646d7131fb1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '41cd008cf2712bba0b2b40f1a197d0f5d70db624' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0c6bff117de1c5991faff7968e3582a1d20ceb10', icon: "false" }, h("p", { key: '20b5fc0e1da52bf99102a137f5c4f77413204580' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3608f9ad14f81ddbbdb22f501b7cacbf3979afe7', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '1a614f5d717b593c3741c2cff5453e201a55f143' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7851b21749ea2a3b219d06574a3d341a67aba3ba', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '0b9484582c002c0c513de5a246dfc853772c2d4d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '8aba451fcb42dc968a392aebd905bd77c148ea75', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '848b04184a0aaef3a3283dc2f2570d079b669d85' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '54a10b1dca32420149c63cc980fd921184538dac', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '947cdb5aca9ffcfc1cbccec7e9d912e5dbd38aaf' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '869c54241ac6d9a2722f1d3a25053d86541f61d1', 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: 'b407d61c0857212e680ed2d4dafd7717c6cc610a', class: "page_number_text" }, h("p", { key: '781f2449d29f2e720c4b235171cb74400ae21809', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6a85d345c2f749d95ce4838d6ddb688acf8de843', 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: '35beba68a2d52e674b816d34ec193f26b75e00d1', 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: '4da86508f1621da56e7244097c6fd6cafd1b2776', class: "page_number_text" }, h("p", { key: '7592c997054e1b8294bfbd38df30783f1fa73414', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'f4f6b019e74235cc103135ffb7988c1795c4bd22', 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: '3753d8e1512e40f638ae96984688667d491e2688', 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: 'ca3d371ea8440672bca08e48ec4cf03515fb1a39', class: "page_number_text" }, h("p", { key: '045027174eafa2eba018090d92578d53fac5b31d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '57f218e0118a8225d86064fd71a1d94473cec9d9', 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: '7c2d8488172221138369a1c085f0b16f74f7df69', 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: 'c9617dbb6501f0da4cf663925b87475a584b8639', class: "page_number_text" }, h("p", { key: '174e47ee8bdf0e134d731d33f380d4e4844c259f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5260e0bcff35a11076263f197cef4ff283c1d15c', 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: '3e24ba552f98917e0289c1a61c093fe67e1b9a8e', 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: '79003e3fb293018c3fd9b5fd0559a3cf163488eb', class: "page_number_text" }, h("p", { key: 'a0c212f99baa17b84c525bfb6b48eaedbb602653', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'acf2fcf04e5ba6f2c32e40cbd5975cbb64802c6a', 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: '672e40a8b2a0655efd5326771ef057c089c3b9d7', 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: '086d70a3d7ebcab79f9af9dabc45f05211910e3b', class: "page_number_text" }, h("p", { key: 'b613def25e777c73f3a1a2a15ca0f649cb8a76b4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c5c068c1453deb1b2c9ea83961e41b30131ae565', 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: 'ef05f008d58220676d3685464d7f0830bf6a7e60', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '68c09df3c6557093662721a29e04174cd5c03909', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'da33e00fa6f7e50a49921910457060ca113f9ca2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '15918d77235146fa7a220107efba58a461b6f256', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '831525a8e10a93d25c1fd67fd61d2f378836ea72' }, "1"))), h("gb-pagination-button-group-base", { key: '3c53aaf083bdc677f806de4e2c2e9f4f432d270e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c6f33ab7261c74e81af88ab480bc7f208a1ad44c' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3f83baa1f8909a90127e921d2c088a31b18ce24b', icon: "false" }, h("p", { key: '5cc05c9cf04dfe42446e469cc0e66a20d431c62b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ad508a97b53a5dc38375fe548cab17970e43d38b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '5c89b807a3b86ec9ef11bedf90bc5dc16675ae19' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'a0a25a4bc47c63f6a404fcf68e17336f329137e5', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b9557e3ee23b9ec1919897499b8031946b642029' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '1bf0a92a63d51dc49e8f806f85948805c8c4fbc1', 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: '38ef6b764b185c11882d2c911ef786046bdcf353', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '854f4d4f783c8b7c8f39bb341690aa36651db3ff', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e4d599e80964ec18f2a806ae97fe3047e6d9623b', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f088adcb155047dccbdecc0237d0c6717e7b5501', icon: "false", state: "active" }, h("p", { key: '07c64b44dc36e7dc61f13951fbf8863e4b03b129' }, "1"))), h("gb-pagination-button-group-base", { key: '626c43f50b401547f29c4aae09bc04fd264b4eb2', icon: "false" }, h("p", { key: '58ad749072315a552d2c00ad39024efc28e1a61e' }, "2")), h("gb-pagination-button-group-base", { key: '9bbd7508b1c3fa329ea78797dc604e9d78c57ec5', icon: "false" }, h("p", { key: '7deb27712db1d53d08e8e2f1bc9527ce954b2134' }, "...")), h("gb-pagination-button-group-base", { key: 'f00390ecb30ddb00ff99cb093de4b27e13e47843', icon: "false" }, h("p", { key: '4e47bf55b9af0395dee0d1ca0ba42b22b9c471e9' }, "9")), h("gb-pagination-button-group-base", { key: 'f43bb3eb8375c1bf643ab658461bba6ebe4cbba9', icon: "false" }, h("p", { key: '9d89b1316db4675aaf997c715d78c3b199b31671' }, "10")), h("gb-pagination-button-group-base", { key: 'e2e8fd2f5eb901b5f58a3dbe2ce26dda4c362f08', 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: 'a3dfc1bf5c52dfb9d7e2d8bd7ab4758ba71949fb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c528944fe42a00167f95dbe288a7805e2b9cbdd5', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '080ee83af089ebfd60d959b41f078f46a1ffad7d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f1cc3342fc42b370780fe9694743b6cd57e295dd', icon: "false", state: "active" }, h("p", { key: '4e25cf7e59aac941fe01855036bcff6e405091d5' }, "1"))), h("gb-pagination-button-group-base", { key: '14909db1599e4503ba006fca486ee1473b860150', icon: "false" }, h("p", { key: '5f574866d6abedb530aa56db7438807b66fc4620' }, "2")), h("gb-pagination-button-group-base", { key: '660bc19321d29c84c300c9ca9f25edb53c7321c9', icon: "false" }, h("p", { key: '8e2c9010375248824ec80ccfb8674e436503974f' }, "...")), h("gb-pagination-button-group-base", { key: 'b6d8d366588693eab30142298583e77ecb897945', icon: "false" }, h("p", { key: '08bf71bc4711e6e56f1868df0366d49ed94686a5' }, "9")), h("gb-pagination-button-group-base", { key: '26eae61b3bfa3d82ee4b9e731ce30de6f60dc8dc', icon: "false" }, h("p", { key: '75a39c8f4fda6f8d06922d84323876abeac950d7' }, "10")), h("gb-pagination-button-group-base", { key: 'dc264b70213c6a9a8bfb0f656c20fc706bd02e6e', 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 CHANGED Viewed

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '455200413fcdc41c66efc79a9eea3c150c760a2e', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '8bcf52619a9fcc16d9a658716c67641001313afa' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'ab6866e138b3dd6c668941834f64de9c41af28fb', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c669cd6306c9ca57ef296cc1680875bf326704ff', 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: '74a338c54232d379db1de5521a923d11b63cb1cf' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'cea02cf7e422db8f85cf86efc984b79f4fedadfe' }), h("svg", { key: '0ebdd5944ab8e11e32439b3b0f5f4dc8799e66a6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7c3fed3099d520b3779390714613b1478045d624', 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))));
+        return (h("div", { key: 'f5d6472e6a232513e8a23f9c079aaf8891d8c644', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '69e0f4b2c73dcfc4e4d85c7f96507b954a295c5d' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '0d4654778c5615d43cca65e537ad54e9fbd2f820', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4baefe26bb655a532e9cd86ade556aa0c7df981a', 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: '6afcebe3d416f0220f289044df75b25e236d8474' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'bcd5fbb27e8e8742a6b069b1351244557b43cae9' }), h("svg", { key: '8d511f3921a1cac766b4567190950cd5f8a8ec29', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'cd6599b74d7d2c286be1542878a9d24b89b9b968', 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))));
     }
     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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '51fb1359580682a0239d5b5c97cd17e14e381e00', class: "dot_group_div" }, h("div", { key: '7ec0d89e8425019333b150b6e23eb30381b873e8' })));
+        return (h("div", { key: '912ef5d69e218a4e739d13eff7d6f7ba74548d37', class: "dot_group_div" }, h("div", { key: 'c35c22ddb487f7f4637c0bf8ba7188c7db181176' })));
     }
     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 CHANGED Viewed

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'a24211975db8444bf075964f9291df70f5700e3e', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '6842ceb43b393a69bf68955d85affd4d46cc8b13', name: "page_number" })));
+        return (h("div", { key: '18fb0c57e49e533f17075a8020ed4e203c40f185', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'c2671b3968c2adb68c8294d02496004bb56fbfaa', 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 CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '57264f5d8d5a55eb3817a5acdb5c99ce0d265fac' }, h("gb-btn", { key: 'cadf2edbb0143f01d01df2d8b03307d09d989767', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'a838ac41277c52eabfbcd492f81f8948dbec363e' }, h("gb-btn", { key: 'f7faf341eb8c126a9b51f37304ee470672399ca2', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '03b933946e4f5a4e799977bc67a6037befebc074', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'ae127663d11a6b36c23bd326889f03399674018b', class: "progress_bar" }, h("div", { key: '48e88272c8f4f4c18635841d857780328ac4e17d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '06b394fba1eb6b60e0d68576d78fca6beb43b316', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '4e477cf6c45e494db75cf7ec8b9c4eb017bdae04', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '1432b684c5d367bd6850fa0c16f71455fd9e80df', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '94d044f5e4df35ea76457145a40f07caffaaf381', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'e6f61753dfc9c16e8838c2de71caf0161679db46', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '09040095c996222e6e22a39e41c73ed744d73dca', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'eceb67b5db596968fcd2aeed546bf9b4df0a7764', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '5b72c501b6cf7be67e1a191c9856f2707c46ab5d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '7b37af8b67a5dc4356180cf12549f29e9ea1f3cf', class: "progress_bar" }, h("div", { key: '79717c5750881295c4aed07a5ec4d85cf6e6b497', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '310a02e3069febc709b4a0b60a414f7caf43f08b', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '72c7d384fb5362efb895b7c00243506e125fee13', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'd2993b273c2ff76519a2743cd7abe71d439392b6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'ed1b96ec1540a14e8d19a9f1ec8b4eb3e39640c3', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '00b9321015401d64152bb4b3250af3281ac80c83', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '982a518c1f5b9dbd81c960f9bfd5bb9d1bf39bc6', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2a92f5b53b82bdae86c4982c4e3ea3d6242eba54', 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 CHANGED Viewed

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'd2b9e9100360a8e1a7ed1296db298bf2450ee258', class: "gauge" }, h("div", { key: '955bccbc1fe4ab025fd606f9233760310f13c2a4', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'a1ef31db66a7e2ad0524a8f13bf6831d3afa34f6', class: "mask" }), this.label && (h("div", { key: 'f7bd9a3d5a11c6a56111aa0185523c77bbce7564', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '6cd51aa6b68660f8ce638859ea157042a11982db', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '585a558da0605449e47d0122fec556c4977e390f', class: "gauge" }, h("div", { key: '4d6229acbce52607e50e20151ae700cebd47098d', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '6746f37389419855d4191b11f4cbbf0b64cbd79d', class: "mask" }), this.label && (h("div", { key: '1e93c3d57ab31171ab44c8ae524d8544b9ae10c7', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'b7728629f530e7da5987bb078e592672f8f9790c', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'e07c1a65471ca7d1f3db892ee5ab0fac034bcb89', class: "quick_action_div" }, h("gb-card-icon", { key: 'fb40c957f2a311f0f40ff9587cf641b64a83f543', color: this.color, icon: this.icon }), h("p", { key: '8e2f94f20d5623ab9dc8f503feb1352742db16f5', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'ee2c789734af644bce76c04a10e5cccbe961063e', class: "quick_action_div" }, h("gb-card-icon", { key: '86e73e688f75a960a53ee31eda687fa9f4f89b68', color: this.color, icon: this.icon }), h("p", { key: 'dca42c78aee8ed4cfd7d8c4379492be4446449a1', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '81939c9207cd860327abdcadd0519016eec92b7d', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '83807aa3339a29fdb21f91de23a2910ac0747a8c', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '1d3a1928a2baf650ae3dcf11dc36b42605b24a8c', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7ae91185b048ee6ebd1ed0cb814cb6476dcfc796', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '8bf98c91f12f36767988fd16a68dc811408a5ab1', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '88c1911ba702d38a49f509bfecc3ac18e9c0dcae', 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 CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '57ab1c11a2b3b53e5f392df31bcb441f3644cb2d', class: "scrollbar-container" }, h("div", { key: '06108389caee049c8721162a5fd6315c6c0505fa', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a32a680842adb2ab2cbfe59d9c6499638185b135' }))));
+        return (h("div", { key: '4faa467aef4f1c612c1a8f465488be57dc992921', class: "scrollbar-container" }, h("div", { key: '3d21d67734ef4fcc46ff1d9e8832dd76ec184b67', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'b0c98d333fa0141e18ce5bcdb2b6db82c1b94aa4' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -95,7 +95,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '79b4e41409c6caca2ac91e42fc0944fe9d62dadd', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'd11ac12f4d0f6acc6796aa04a86df80f31e317bc', class: "pattern" }, h("img", { key: '961d7169aa05d5cf4d1a9489c6fda98473076335', src: patternSrc, alt: "" }))), h("div", { key: '23a34d88c6168f6f41bf5a701f36cb3188d35701', class: "nav" }, h("div", { key: 'a12de46f837d04efef27f44c44c93606c64d6593', class: `sidebar_header ${this.state}` }, h("div", { key: 'e99e5e97008033325f94789677d53d9e163b1155', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '39add78556373b899bb422cf3239151c709f213d', src: logoSrc, alt: "" })), h("div", { key: '663d8a0587edde12c4d8a551460343f02d1c6315', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '34a00255deaed9a87edbbf75074314b536bc7c23', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'dfda319c6d4e0292ad2fcce4660ca1d77eef5b78', class: "navigation" }, h("div", { key: '315fe05e0295ed1f0d44c36f2de8ca569bdc32b2', class: "item" }, h("gb-simple-side-bar-item", { key: '739fb67e2826fd87f3b2ca57efd54f57b54ff7dd', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'd4baa6950e94f74cf925010f65f9d92bb42ff30b', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '9c2ac37992269c13a87eefe7de73944ab6d4a734', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '4ef688f99327139bff3e5ed4f51a863c55909426', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'ab28cfe4678b060c72bdebb7fc65712b4ec1d657', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '9f8afb23b08eb23291f7d27aa64915176f229873', class: "navigation" }, h("div", { key: '611a34d4acf2262fd5e9295ecb95ebfcaf11d63c', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'd5b4f2800e1a9a4dc0486d122f0eddd192a9d0d5', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'e274ec6e4dc0863a86826a4a0178637ed34a0a02', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'f91bddcf7050df2384027f44746e47c1561976d2', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'f5abe03373f4573c3d15410523d9b30d57eb1a69', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'a5a656a0f44e1d45e64fe2f6e778b43f3478b7eb', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '9b8d6aea6c7c63fa606f5b69d3f3a0694ab02c5a', class: "application_name" }, h("div", { key: '87551f149029b7469062de2994584f2ca96233c7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '41fad01e03bb4def9d61bda0254866059ddb9321', class: "application_name_pattern" }, h("img", { key: 'ebc5140ea53a15626085deed3a65699540c5f3fe', src: patternSrc, alt: "" }))), h("div", { key: 'ee1adc66444d295ba0248dc787007dbecdba2b7c', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'c7ae604ecc987f11e68d5c1ef5ace9563a1888aa', class: textClass }, h("slot", { key: '1f6fe72c6ab2d430d17f3e8c1ce31490b0c6783c', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'd8bc13cde2833989044066b9dc79b22d79eaf1c4', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'de2f27bc52f286490e152dec43e7c531412dc3a8', class: "nav_div" }, h("div", { key: '6fb780e2eecfa7ad3e2a622592b25c6a62d41374', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '5cda696b5ed31ce8464039d0eca1ee10f9b66153', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '426287437ba7f3f38774716c21ee10430bdb6682', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '06d61761cfc441e184d22c99f980ca27caaf684d', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1fedcc933f50f170e21beaa9a4cdbac26fa80385', class: "complex_sidebar_div" }, h("div", { key: 'f2ecc885a66326e7c6a25bb5e4bac8ba45b081a2', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '15a567fde2881f6ca7672b9b91a213413582e991', class: "pattern" }, h("img", { key: 'b9f9084636760ad5c48e33bdcc3a2c11007fac3d', src: patternSrc, alt: "" }))), h("div", { key: '98187737c407b0ba1d147fd4bf61c111b4cd66ec', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '47d9a99ee704fbc3f147ca629e0a5cdd40b5aa40', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '1e9e521328cc337927eaacd21ed975468cfffc0c', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '26ff35518226a7333300195fa0da68febebb220a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'e446e01fd338ed21b6aff0ebc44e14e581992bfc', class: "pattern" }, h("img", { key: '1b604874b41788deb7c97bf46de66aef1e0ffeba', src: patternSrc, alt: "" }))), h("div", { key: '652b2296ae7468b9262afbd3f798a76313925a5a', class: "nav" }, h("div", { key: '978504efa1a988c8081a570817e068fa1ece00f3', class: `sidebar_header ${this.state}` }, h("div", { key: 'c4a1641625f36f97598eb3ed55f43fa045841172', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '65e9c246e0d1cad6b1d8a7eaf9e49369e8bff819', src: logoSrc, alt: "" })), h("div", { key: '30357be9e0b9359e8871c87aa57293812206112e', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '278111c6407c8ab2a73d0cef63d98c58d180376e', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '9103895ab45946aa3e4119b78ca4ec0645749a86', class: "navigation" }, h("div", { key: '88fa839abc5eac443cb7791f7d8e9cd767fdeddf', class: "item" }, h("gb-simple-side-bar-item", { key: '04f276e3b82354bbf48ed1672a946bbbefec1c3f', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '79b3c6e75885700bb57132e6bd2a988bfae4bf18', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'e23063b56b49252556a572f3dab87351baf52fff', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '4686b0c26d3643fc1b2571cf864ea205a01e7a85', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '85cae43e5d4f2312e8b5e0ac28af8d4106a5e29d', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '471d30b8e3daaddbe23a16852e4ea24b72d5d1e6', class: "navigation" }, h("div", { key: '7ce1526c2d0645f2dfc65ab32abda7160cff623a', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '3d3d997f99b822db81997bc3e2a4cd41a9cec8fe', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '21d4bd3628b829aa4777baa188a1951ff6aeff26', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '5463f9eca20b3fc7c296c88fccbab0ab24a80b99', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '20d8abfc771b7957fb8d7e7e15ea3ce011c1f71c', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'f78ca5b5a2ffb00f61337175ee1a69d3010120f5', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '7f4920ec49a8ba7fa5606c27973598d6f3954cd0', class: "application_name" }, h("div", { key: '8411665e55fb4bddc11d9a2c5e1a2584bad368ba', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '2fe5ea21ee7debe0aee0f2c5e865db956d7ddae0', class: "application_name_pattern" }, h("img", { key: 'ec8012c148ae305c32aaefad0feccafd3c32c97d', src: patternSrc, alt: "" }))), h("div", { key: '68182f251dfc6328b3e39235b5f8b3eeb1b83bdc', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '52f22a6c94a08d133dfaa9df256e74e2e11e8f26', class: textClass }, h("slot", { key: 'bcdf101f44b6d93654ff693355ff2a02900421ae', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '4208238c6a9b6833f6b061ec73ee0447ff5321fe', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '8658b1e13c7b01f90729e1f4401a2d578ef39b5e', class: "nav_div" }, h("div", { key: '13a1aacb3aee82d5594c5d9efd3886132c067c8b', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '42da6d3bc5275543c486f70515799f6fe376a546', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '1d44d073647dbefc314ba5eefae82e1f48de196e', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f47d56bd977ee71709125d8c3cccbe7977e17bb8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '604690fabd684512a9eb14f7c188857e337f8158', class: "complex_sidebar_div" }, h("div", { key: '0228a7041250fb382d1e8df3fbcadc48b86081ae', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '0ea7009f83643235e905c00600dfe864bdb24bd9', class: "pattern" }, h("img", { key: 'b78c7bc2573673039b73457d2b64fad6fec51981', src: patternSrc, alt: "" }))), h("div", { key: 'b486e8187d3159bc4bb6ed110fd51cb60c0e3ad7', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '09b694151943bfa166ca614c36b9bb3de9448a8f', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'a8b355a21e24cae414ac780dd7a35b0490873d08', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '595010cb6f5cfd8234271a37841c09dd6fe6f3b6', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '472f94476239d61270779e3e995083a5b000ec70', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '5201d4e8898d536b1c035a69b000677a619962e3', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'b5825196eb687467774b0ba92888c8857271914a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'dab6c2c491ff02f9af267694fa0b14935b428431', class: "content" }, h("div", { key: 'f42806821bf555317ed628213e1a8f2c53409bad', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'c0409a44e350ddcad63ffce6b7ff43e7d98aaa17', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '070ea248f5e5b1b1f575b2054ee7fa0819396311', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '7039fefbc7459c4504bee707dd05fee7981c0fc4' }, "10"))), this.showArrow && (h("svg", { key: '76a34533f05e38ceb2203106bc14c9d68867a9c5', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'bf0bdd812c2731b22118fc9f44a3387a84d5c1de', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '8b9c37da9f58c898385d26b257d07417d3a6d2fc', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '21b3fd0c77b0fb3f2f5bcea261073ab44351d1b3', slot: "label" }, this.label)))));
+        return (h("div", { key: '62b34bab46a4923ef4a999a1cdcde0504c546395', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0fbb986d7a8c33a26570b1e6e423b1978ad69f5d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'e11cea35526b4f0dd9ad0e01f1c6837df532d901', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '83f1e66468f44049a7f313a3d942eb0cf9ee1517', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'da9b1315ddc41d30191b4490d8db97bd8c8bc298', class: "content" }, h("div", { key: '3fd529894523699843b773783528889bd14fb81e', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'dddf3a4383fad2c4feb4c4d30cff495c12f8a4cf', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'ccabc055cf09c6fc3ff3fb63c8aa5538db49f261', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '704cfb56f964ae503f69ae313c0802663b46f57d' }, "10"))), this.showArrow && (h("svg", { key: 'a65d88c547022672eec03e504a49b8961a89c38b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '48d4c89c6a4ac7b5f53b2c2e416861fbf9cca4c9', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '9ae95d8e360e0ca2d52b663288738102967d15ab', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '8aba76b9abd3487012d5a6b63cccf13e8a73b242', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'fcce223ac90039dde1402439e13ddd141cffd048', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'c8ce5ddb269a9703fb0228a5d144cd7463b69de1', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '83ef41b052a87780058885f34325c1ca03503c58', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'fb6965f0c21b1b377e6c07bfa82de98ad51837db', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'b0456ca2d1d367ddca8572d9426da0b17086b7b0', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '4e46a765002d05a6c1f61290f890c405f63531b9', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eba60b7d1e8912f47604b0f25e2485600ba14d6f', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '1f8096f0523de812ae9285be2ee10af130356cf4', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '99428923764ce0204f7b06d767b4aaef4f212258', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '18d385d157ae719716b7b6fd239a485eb77cf60e', class: "tooltip-container" }, h("gb-tooltip", { key: '0db62a3d64c690f9f92809856b74126b2895cfb8', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'da6c93eccf851ad2d494f9ff497d78e43a00946c', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '341edbeb32130e60cda44679ed6ae0b18a55dd39', class: "thumb-label" }, h("p", { key: '690c3282a74b18c2a2eef3ccdb5441066e101364', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '1fdd1bcb602d49065524dc1b4cfa2807805c6605', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'b341449d289fb1776cc62eb23c70a764060e2f47', class: "tooltip-container" }, h("gb-tooltip", { key: '30cd265e3b2360053492b16eb7698bba78f40fe4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'b6dcaf5b9aa4aa8794e0e0a21d485adf5868e6e6', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'ea025afe708f9d1d5f05833416772fa93888a04c', class: "thumb-label" }, h("p", { key: '8ffc13ccad0d27077f09612af35de5ff114c7390', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/gb-step-base/gb-step-base.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'eefba915a80755a0b467f1e8ea30f841b3a038b7', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'd7e3a2e9e71f85f0bb54463a939eb7971631c09d', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '499f35f252d771509a745ccfdfb9a351b3850179', class: `text_line_div_content` }, h("p", { key: '6d665710176bb1f27a67fa1daec2277c5a1549b6', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '4b5298f0ba98b8a7572891e706a78adc1c36f9b0', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '03758fede6b9bf074a22ded9a0e24c555a96be10', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '8917353dea949bb1c5c00002b6d75aa223254088', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '1c1bef084b2eeb83d475df6705d7daf5535d2dec', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '1d99420da0f440ab9d6968a5f618b0f6c6caa9d5', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '1e72b99d1301299de52799c094482a768c67ee63', class: `icon_left_div ${this.size}` }, h("div", { key: '30b7e0bc344318326a82db8bff38250450a01567', class: "connector_wrap" }, h("div", { key: '230ba24a5434929d7d747cc6886e9f8fb9909577', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '3d447d0b902bbfa1fd0aa5eead570d957ef60267', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '6dce416230dc6ab772659199e0f28ba80fc2ecf8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '9b1b951cecec2beb712bb9d73045f2cfc038c5c3', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '35cb3b99e77f1b94805fe364720ac7e6ef9a7208', class: "connector_div" }, h("div", { key: 'bb4a56ee8a5c311fb9abfad01b0ae8fc9cd8bd7d', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6bd43d26c66e3dbcba1fd00807e158cb6cb5d6ce', class: "icon_left_text" }, h("p", { key: '2d93b0bcb30714d707d1bf2a423ec9686f13ed48', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'b9d8c0833a26c0016bd576a69cf4cd89a94ee5a0', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'c754d71a3424f8838847a41243205319f210e3f1', class: `icon_top_div ${this.size}` }, h("div", { key: 'cd8aef54e3a45d57684cc7913958310ad18a3cde', class: "step_icon" }, h("div", { key: 'a300033f46768cbcf0da3225d83799859dff125e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '61fb894591e323d341c892aa954b5a2d0a569039', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8d224e3643eb3c2fcfb4d83d5384a72055e35ec1', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'f429ab0d2f498f748ac0aa07ceaae15e6a7f5f2b', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '797fc87b5e69037fef0cf1e4f41ccb1a5a499d28', class: "connector_div" }, h("div", { key: '05d9d656c2e4bab98a42c29c826bcf4acc48b137', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'c3cd1d9002115c91854aa6b6d03aacb2c99d556d', class: "icon_top_content" }, h("p", { key: 'da8df346a28e58d4768f3ce4b7892f6f0177fd24', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'd506540ce00a316868f29eecc5f087f567ef81fb', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '03906ce887c2568d28755ea0968180999f4beb13', class: "featured_icon_left_div" }, h("div", { key: 'e005d8cee543cb199a1f24018adb283dbe5eb54b', class: "connector_wrap" }, h("gb-featured-icon", { key: '558abba4ec1211f61b5b03d96dc7e3a5713ae4ab', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '2ef50c9b49700d8314a02d75058b893d7a097df7', class: "connector_div" }, h("div", { key: 'c555f7e0eca4a8faac4782de46cc523a7afd70bf', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '42b6c39986c44a367db776a363e00cc8a3adf98d', class: "featured_icon_left_content" }, h("p", { key: '2f2657d446adb35c49332f3d0bfa1269e5a4846b', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '824395220c081c1aa4e5adac436705330339e9f8', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '36e5d6cf7d46838bdc2eb7b23fa0975877e59c97', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '8acf5adb6c215cc9d77a78d36fed2261774606d2', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'a11df1f00936f5ef5b95bab249c8bb6e230bd684', class: `text_line_div_content` }, h("p", { key: 'e3732d2af74c46742cf43bbe8a8aab99a0fd7467', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'aeb0044fab8f44ad1861840b0c7c474177abc3f4', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '9dc2e64063da7f86ddfee181ab97493cfc9c7b72', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '2830fe4efb58770d15fb4d6fa2796c0e1c1ed597', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '3aa39bccf11cfff1229c110535df57549014c4db', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'bb1d7e3242b0a483d98b24e24fd3641e0613ad11', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'a278d3d4d7f291a5788b844fba826250cf3be8fd', class: `icon_left_div ${this.size}` }, h("div", { key: '48ef111a7ae37557a542e55af0b584f59a708d33', class: "connector_wrap" }, h("div", { key: 'aecbcc0dfa0943860cfad0eb57ec5ce14291d99f', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0f22f54722e0bb13701337e75e26f187bbac1ad1', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8a5cf6be65adf85877ddeda6b87890fc3ab7e9b8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '90c56fe89a1822650e69bf71d82a41d5d71abe60', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '3b91f52b36c1c6b540df775cda5bd18fcf592998', class: "connector_div" }, h("div", { key: 'de59dc0041773027e957b6d767f5425be889cbe0', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '00550d80660da5696cc570190faaa971c929e1a1', class: "icon_left_text" }, h("p", { key: '2e4aec55ba203d3aee9dc78a5b8174c1f1c0a5c9', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '73c914367219fc7c9e3bbea6403587bbc8357e21', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '8948bb0fdf72e83f4191e02c7b9ec5564f31d2bb', class: `icon_top_div ${this.size}` }, h("div", { key: '805442a2e7e8799f9888bfdd314b98232d7fdc0d', class: "step_icon" }, h("div", { key: '2d83dc8fa69529ad4a0d5cffe5f78db74e09cb13', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '920e0e6269502edf4aaf81b081c88df505d5961f', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '86eb5d4849426d795b769ffe633652695079e89a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '98e344430bc6588ed6f566f2bee87a12011a71f2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'c13a2f6459e5224c7116a0cd392567ec7d71ba49', class: "connector_div" }, h("div", { key: '9601e8ed5ecb6e5bcfa97b194460da672a89d175', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'e0effa603ab4e38f16f57d6d44c36cffeda6f677', class: "icon_top_content" }, h("p", { key: '03e67d8cfa806680b45ed8d23db3f53a92f1ceda', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ba63fd494783528178def96308f7c251ed4fd59b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '8f88148684bd1e87001c52beecdae47916b27757', class: "featured_icon_left_div" }, h("div", { key: '8376fa96c885a23c2c7ea94aeb5f99eda3756048', class: "connector_wrap" }, h("gb-featured-icon", { key: 'e29eb1abf9b54cd9f2a3e16f727d903b0b64adf8', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '4608a356eb2d54d24e728b89fee0c5686fe558a6', class: "connector_div" }, h("div", { key: 'bc729c4ffcecb0febbc71fed334351e6fb90d1e7', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'cde869746cca954fc48d21e6d43fb20bd108c649', class: "featured_icon_left_content" }, h("p", { key: '5c4178f8bf1380c03ed06eb47d6afc4776b0a351', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '936e537dd757a9dc6a644e145352f2e8a1fdab32', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }