npm - globuswebcomponents - Versions diffs - 1.4.9 → 1.5.1 - Mend

globuswebcomponents 1.4.9 → 1.5.1

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 (446) hide show

package/dist/esm/gb-mega-input-field-base.entry.js CHANGED Viewed

@@ -18,10 +18,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (h("div", { key: 'a0c7550e081714a50b8f81b49befeccf4752ed4e', class: {
+        return (h("div", { key: '0bc1b1763c6ee31a71256c7c16441b6a26dc5dcb', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: 'dec15b9b043c4a38d38b372cdc0c4759bfb6aedc', class: {
+            } }, h("input", { key: '99e96709b49901a24257ba489d95ef34dd5424dc', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/esm/gb-notification-content.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '0fc8e101be56605ffb88c227ea224124d0b58c06', class: "notification_container" }, h("div", { key: 'b84ef9c5456cbcc758b34de2c1ef345b66c495cd', class: "notification_title" }, this.icon && (h("div", { key: 'd1b3f264d42e60c45ad2f226a6ed329ad5d6ef1c', class: "icon" }, h("img", { key: 'e7f33004776cfe6511647759bb0d2aa74e4c66e7', src: iconSrc, alt: "Icon" }))), h("label", { key: '32889337f6e7577512c29def7adcc4da79e157c8' }, this.label), h("span", { key: '42092d241c42688f6e0e8b549eb5ae8637154313', class: "time" }, this.time)), h("div", { key: 'c35dc380fa4fe777b6e3d4505232171598cb9f61', class: "supporting_text" }, h("p", { key: 'e1f224b8ba13ebc012faa4b3f0ac31091d5071cf', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '615cb754c3d0a0ad83c12dfa84a041751d6d8722', class: "notification_container" }, h("div", { key: '04c26b2742bb117245a8c4d2c0e1706e7657e9d9', class: "notification_title" }, this.icon && (h("div", { key: 'fb5173ecc838bcf614b3bcb5538bde88c0aaed93', class: "icon" }, h("img", { key: '11a8274461f86dbc67dc52e029e3b052b0052ca5', src: iconSrc, alt: "Icon" }))), h("label", { key: 'b8cbf705381b5df53e0323a17c172c66349275af' }, this.label), h("span", { key: '41e17588780d9ff76589a92664ef8c6574e16f10', class: "time" }, this.time)), h("div", { key: '8b6d85f44ea03df8b842452f4e3448a2efff64be', class: "supporting_text" }, h("p", { key: '849c619a8d43c223876949576762b18fe17e70cb', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;

package/dist/esm/gb-notification-pane.entry.js CHANGED Viewed

@@ -54,9 +54,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'a3111afe04fff93a83a8e5f071bc21bb6d162119', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '471c965131ecfd123f16595ac57ca46768bb3f48', class: `container` }, h("div", { key: '46ae8fdf167d2a9d1512b36da98f4f9e0b26f33a', class: "frame" }, h("img", { key: '9c911cd1db7a208b44b956c9928321bb5550a5c4', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '96e041649943e54a796d37f88022c4899baa680c', class: "empty_state" }, h("div", { key: 'a4f314fedc1aaa156657b4e106e8ad60cbec922d', class: "content" }, h("img", { key: '8eaa183f75309ce77d9b257dcb3b3e3e968b3cec', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '5d2a67477004a357eacf4e6211c57ef3f9ed1f26', class: "text" }, h("slot", { key: 'e61e6c30ff491fbbf0ca91c032790aa6ccdce95b', name: "label" }), h("slot", { key: '1fffe1d25689b6b6cec8a1e665973cb75be46676', name: "supporting_text" })))))),
-            h("div", { key: '847352888cf393862be161301a6b72a1596a8a00', class: `button` }, h("gb-button", { key: '78cca7a12ad4c5fff67c0841a3574be66ac216e0', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '2a003baec9100d53d1115bcc9e057659ff6cb00e' }, "Mark all as read"))),
+        return (h("div", { key: '576a75d5688a073595a773bac4b576bed4cfd357', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '9f2b8fe6e812512f2bf149d0d81850d69cd07c9f', class: `container` }, h("div", { key: '57b4eb7966549e9c141bdf105c3ef9e592df1679', class: "frame" }, h("img", { key: 'b97da604d6831f3f8dcca8ccad78c6ed489568f4', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '0521991f920205e8576b7a09d64e60c2d5d5a626', class: "empty_state" }, h("div", { key: 'ec808cdecfd60d5033405d1226cf2908661ca91e', class: "content" }, h("img", { key: 'e558391512f173fe49de121756d46db3b8b5ecbe', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '783526c5c0cc650e87cc6041bca0927785d22323', class: "text" }, h("slot", { key: '96ab92a8257121b1a520197227db6a4997f5359c', name: "label" }), h("slot", { key: 'f7ff9fbe062d5f68266fba2dd4feaf04eb1f4dc2', name: "supporting_text" })))))),
+            h("div", { key: '50dfef88fc5e80e9ca2f6ba490f74efa6d759454', class: `button` }, h("gb-button", { key: '323e395b8c0550998ba8b6da3b51b9bfba985730', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'c01234e967c00475a1c2f0873a35b3d05edeba85' }, "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/esm/gb-pagination-dot-group.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '63461e3b729f0659cd3750c810f28ae144004d23', class: "dot_group_div" }, h("div", { key: '44dda8a78da216a8769e824ddb856922cd8c0dec' })));
+        return (h("div", { key: '6cdaf924ae79c5a7f067fbdfc22e1231d0d6ef9e', class: "dot_group_div" }, h("div", { key: 'd68fd21b5a4e2c9815be7217696afe594e6462e1' })));
     }
 };
 GbPaginationDotGroup.style = gbPaginationDotGroupCss;

package/dist/esm/gb-pagination-dot-indicator.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const GbPaginationDotIndicator = class {
         this.current = false;
     }
     render() {
-        return (h("div", { key: 'b77055ce3380f5b9ece6fd1e4a779332f9a9330f', class: `dot_indicator_div
+        return (h("div", { key: 'c72105e5a16bf15485dac40b7a6f98da30be56ca', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` }));
     }

package/dist/esm/gb-pagination.entry.js CHANGED Viewed

@@ -34,7 +34,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '7d21afcf7a3a63fa2066cf5d7b86367ec6aa715d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '68a4c774c225fe905067a685ca5219722e0fccc5', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '300a75d9d8a3e3f2959dcfd72831ce8547babfd8' }, "Previous")), h("div", { key: 'a9743ebdeaf584d1aadacfa15d9a320afba37f71', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'fc9d10478a24a7e337c3446bf8d929eb22aa10d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '83274632b75563ca22a20d6bf49a436aaef60364', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ec481b7ced05d81157c21e820e6f0ce673dcffa5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '8c22e9687ce9116d88582d3472668d0ec382b119', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9c4dc2e0b2a95a3420dfb9c749e31e35339624fe', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '114a15dd0d2558a66d4a2e773eab0e4ca2937b25', 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: '9a6f50de1e93f6372391d64001c4ccd568e92eb8', shape: this.shape }, h("p", { key: 'f9af5b3e7d7d3b5d47b1d19fe442d453a43deae8', 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: 'd0c9826f7c2f779f25cf1f6194102493a1bfa14e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '074247a326bbc7664a76caebceb5951ac17e2e1a', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '806f63ef576b42a3ecae5acc55e595d4096ef1a7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '26134dcd0d8706fdb715846a8c6059392664cb96', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '7a81d5fcd8167dfcba80e7d0cf4f8a37331e29a9', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '7e83b263ff64174d4242500f4b7516ac7f68f45e', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '4c5e317580a4c33eabee98a32ec1d4085e1a8a88', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '0da45993034ce697a1328345320a3906da112357' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '5a0eb562f744a1c983afc20901abddc20596412c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '885e789f308b14893ddd2b1f16319230b7aae769' }, "Previous")), h("div", { key: 'a5bad8aa8321f18c94cd09c01069d31be35513b8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '870e63421346f4acdfee205829ca34ef230e218f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '462a3ca4f08935382164a532ee1231431b8b0e90', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a06a80d910d4b5d03ddfbc697a6e26498c61239e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '646bd0733835d747b4f08ccaab8cf3883818cd6f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '85cba5f770d5ca3442491a351c806767a34d6bec', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '363a0f8c12051ee14fc07596f3c0daacf6af0534', 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: '044834b317478422bf6c9d31299a2998717b12d1', shape: this.shape }, h("p", { key: 'fe74d29cd962acb0d590d4e7e3aa6f47b9fee7e3', 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: '34b3d6a5b3cdd6f5a38f677af831b29ee584d38a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '86a662729c7fc3f6160d627290529b04d20bbba0', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'a76779415c4059229348d47f574902907a96adf3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '0315797d7b18f1d47ea306454bded20c2dab85b7', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f476b8ae3d50abecf22b2a40c91803d920220205', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'ef0f3bd43e8741068282faaaa8b79a6b95328a40', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'a5ef1931b44b43783501914857d3f15ab2c2d169', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'cf20a8358eca13472b930f5ebb11dd9c44210de5' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5c4a2b2a270d745defe2d4f141126fd1bb07c7fa', class: "pagination_entries" }, h("div", { key: 'd8a9ed993e687e3ff1680418f55652cd2aeb53ef', class: "entries_text" }, h("p", { key: 'd8cf976aa2f554c858cce6b265b8ebc9f627e75c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '01cff073d2d7b61b1e29967d431dc073bf5e9f41', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '44e658065cd329b873eaffeaed0ca6650fbe6409', 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: 'b1a1d149b7817776ec13a6cfa71a3786fb77a4a5', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'f3e7605ecd5cb002add749ece1469e6cf1e5c3b8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a1afc60beb9631688c43526ca87efbcfbf448555', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ed8ea9ccfb19953dbd0b6fd48edd670097016240', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '76b1665e17d0608bc6d9e06d04a152d95cf545a8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a69d9444fb1eb23db72fba8f7b509df77ffce28d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '033e1ea09a3f161de5b6d58a5857719973217ddb', 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: '022877ba94a89f420b808d0b74ce7fb4b8184420', shape: this.shape, state: "default" }, h("p", { key: 'eac6a3367a05ee58a164a163954854fe7d5a2ff9', 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: 'ea09852a06e3f1ef9c4f07aada3b53ca5a9a8a8c', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '89d26b102020edf9fc1eb0bbacf68ff537834529', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '543c43e7adb76a575ec205c755118cc2b4d6884e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '30d62b13d2b2e937f6ce866a3ee81d71cf80c614', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '304eb1c11a2d163345abc4a9f937ecc93d083cfa', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'f59b024b940186aefd753bfd4e395c910358c08b', slot: "page_number" }, this.totalPages))), h("div", { key: 'e790e016aec3a698a51b11b2ef035dce15eff6d4', class: "pagination_btns" }, h("gb-button", { key: '5f8e3c38c2b1832e5ae47f3a277cf6db89d91fff', 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: '30f7cbf126a3882461ac989f223392da4cdb7b0a', 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: '4eec95dd09e4798575c308385855f62d11dddfa3', class: "pagination_entries" }, h("div", { key: '22268d16128959b67031c909767806fdb1c27c74', class: "entries_text" }, h("p", { key: '1bc31a06b85bfcd9466569ce1644d7430cc4b880', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ca36a3ec0e894c01cdb8d57f1f9b3b2c4d29e4ff', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f3a26daa3425f51fa8fc42e0c5314657ab4c0123', 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: '349247ffc903d907b1afa45025b5d100843906b8', class: "page_number_text" }, h("p", { key: '163d8e191ee1741d8feb4a381ff47741f5cd2bc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '914a9c4badec4354334896e73ce421c87d1b1d1b', class: "pagination_btns" }, h("gb-button", { key: '740e7a23f34f11590263c4208a67782b025c474c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8ee0a07aceffe31dd49edaed77b2db9201b97778' }, "Previous")), h("gb-button", { key: 'c3fab14b8d64105e018a693715519f5cc3a4468b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5ad9612d40a0d5a29e25a2b295826a28887441a2' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '85a14f914f809331a6b64846dbec568586f28ea8', class: "pagination_btns" }, h("gb-button", { key: 'e2e69e54c2302416941df204e3fe47675b3bdce7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f5e68bd0fbea53299a1dfaba3c35178bb25ea43a' }, "Previous")), h("gb-button", { key: '1c5d455a938dda25208361014f3953f4a6d588e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'de5a11381c84a1405d77ad7d9a910551055e8d35' }, "Next"))), h("div", { key: '821bad5430e30be3f7799a20bc530d5ee2fd36dc', class: "page_number_text" }, h("p", { key: 'f21aa9dfbb5172bb03b6d9d6ba03818e87f1a0f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'be0f261beeb231fcc96d982037bce85891976d5a', class: "pagination_entries" }, h("div", { key: 'c963ca1f59a8bb130b6b7ce8e767a1cb7fffd33d', class: "entries_text" }, h("p", { key: '757b15f8df11d93e12462c2ee3158ca5c479a7b2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '995f6aecd32fddfee2a7e089dda6d2935461a6a0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e5fc384f5cb1a6f7dc101ed423d445e5bae4afcc', 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: 'f8bbd4551eddd15320ad9bfa4d51e31c4050381e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3ef10f16ca21cc7ca012736dab41be8394b18cf4' }, "Previous")), h("div", { key: '98f1c05ed91788ab725bac7ca998466ddf70043f', class: "page_number_text" }, h("p", { key: '93e4cbd511537f02548326de558773f5ab2325ea', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'f16e4db105b39605d8d9a522f39f430de047fb7c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cd3b083d28d5296271060f00cbbfafe757f5e5f2' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0ef97d3a49cc1b2be0b63c5d551fb70f555bf8aa', class: "pagination_entries" }, h("div", { key: '1d47f771e737106f8b51aeafab901ffec5b4009b', class: "entries_text" }, h("p", { key: 'af02e150ce9998b7f3ecb8f232a68ec954925be1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '89fceab8a54669773a6113ef88efe955181e19ee', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd3eddf9698c1d42c6b1c62db49fc57d171ec6c41', 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: '671caf175e63fd4ded4da096395b997440007630', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b2571a2c91afeee5e7712637dca8f430681da20d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5e27081a62dee6d613b132467287f4743c12a23d' }, "Previous")), h("div", { key: 'a62eab540397afdfabcb6d5bad4aa0f11176ed33', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '2ce78efe2176d718782a5b9f64afe343580b3a9b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '59a6831ad079604c37014fd462f75d6d18b0c17e' }, "1"))), h("gb-pagination-button-group-base", { key: '0314147c90b2daf561b878ba4b5cd9844729b40c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1353a80c7ab4cc727e70b451a7a3939b6f439b53' }, "2")), h("gb-pagination-button-group-base", { key: '56366c7856bba2c1bc2ce9dc055fa9ebbe71d60e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9a4ef5912af832782f92d31b50ea3466eb21a13b' }, "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: 'bb7abd180eb460ff908ae420ba77733b14e2a8f2', icon: "false" }, h("p", { key: 'b35c900aae75ba72da8a84402e2f3afdd145c0f6' }, "...")), 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: '7d5b6b6eae8377b24afb9f588bc585e2ec4176ed', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '2af4e5b9500bf9c0d3f863e94ab082f9f4ba46e1' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '4d83c5aaa0b4ba0eb059707c9e6cdb08e898562b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'dd8c5bc4a45cc7cad17a19d8d77cf94086a0c48a' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'eaa7757e13deb0459d524bc5fa5197bf071637d7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'cde9f578edd1ac9daaf5489a4f7927d25627652d' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '2b087eda2a45c0b423f3b06cf3ec44f233beba40', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0c497fb40dc93032e1496c42468f76e6f5c00112' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c9ea077e269aa1acfac15cc6784be4ae193aee95', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a57c60943a69eac31ca7db7563542ea099764f8b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a4f9f6e27c02757b6aa0c2c46cd748482a6bb6e2' }, "Previous")), h("div", { key: '7795ca4a5e8a39c809aab4dea5c1936e4885cd69', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f5be8376b0aafab856965bfc2813693d44c360fe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6a7bfa08dac1ab931b6291d791b9ee63440643c2' }, "1"))), h("gb-pagination-button-group-base", { key: '320fb18edaf018ed5365ff11ddc16e865eadcc27', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0a683d7c54a98f31126ecc90e994c7525ceb281c' }, "2")), h("gb-pagination-button-group-base", { key: '119efbc523bc66897bf06dcf03aca59a72182467', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fc197de260ec7be76c4c0554c81415db5e896b7d' }, "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: '0bb4cdf119738cc5c172a44f9bdc98439f15a9e5', icon: "false" }, h("p", { key: 'd0c2baffab92cb0790b6a7ce36dc8a084f7aec45' }, "...")), 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: '895751688bb5ffb784ba9761c476f02fdd837779', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '18a92d2e29dbd8117c4df7f69e7650b58dacafa9' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7e4aa9c5d8b4e11c2087d37ac3beabb7e76c3517', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '5d69958b87b73402f7a11588c52932f4ef417904' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '70a1d002c29f473f0f8d889fef190635891e7940', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '7a97090446301042cf1f199fc9bb7b8ffd52b168' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3d3bbbf08f2e2a02992f931c188137adf59ac6c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f543e2f0d4357379cfcd39bd46ea295b3a1a4130' }, "Next"))), h("div", { key: '7ee9e7e9a717aae439d29c78e8f5eac6f601d90a', class: "pagination_entries" }, h("div", { key: '34bd262e403234296f9206ceae0315fa8dbc012e', class: "entries_text" }, h("p", { key: '26753e797ae2d8266a48f15f19000e911ded4d38', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e38b33ac821449c7541f8978eefb695f539e7d46', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '93608eda2cc55ac2abf7c247781517c29796cd57', 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: '2480de8a43b2cc9068527f0c015a6e03d6f86504', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0fd40edf4c175dfa32994a9edaeefc74eb93c7ff', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1ff0442271f9a2a350b6ce48a19d2cd5794b4374' }, "Previous")), h("div", { key: '657d46dc78ff70bfd1a1bcd67bb24f6fbc5067b8', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a2b071a84ffe3232f86c1f89efe47ff28c07dcf5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3b5ea9aa67554741a0eeefba9b30a9ff677ecc0d' }, "1"))), h("gb-pagination-button-group-base", { key: 'b195c8649f752c71206c2c3a2e466beb5ef83001', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b733804bf6c520314f0c1e56069ac9554a6768e6' }, "2")), h("gb-pagination-button-group-base", { key: '055178d62c825bd55a358b5b0157b6f2c895ae57', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd113755486055949ff54c57b19f01dff2f37d5f7' }, "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: '5627d055abb124f13a4e645022144eb64d928310', icon: "false" }, h("p", { key: '6911109fa5ba6a3a8538e6889f45ddb544b72c64' }, "...")), 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: 'afbcc81c47cdf1926f4948fe6a7b57b022a2e4b6', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '87793871279606278935c74c6e019f72fa619e60' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b42edd82b114ca53b457860ec9003f584f48ff23', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '6af475e8140506a29db8d1b6416fc44ca6a3ed9f' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '781f7aac8c5a2fd7de39d3849b7d9ecfb37fb2e2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e5206fc5c5ce66f2222495beccb4f32352ddf8a' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'be9c9addf98dc021ac1cf577dccafa044804c085', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd78887e7348b780cdcc1c108a8efe2aec9cdabd9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3e617ab60c6f5248489082c9d4be9cf6ef3f54f3', 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: '4bb9aadafb2742ae6c914f4200331d132653ca00', class: "page_number_text" }, h("p", { key: '4744ad5085b8ac3f6dfe53526cd87369b57d4c65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '59b0b06a69e69b276c57c92ef8564d246b193d3f', 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: 'a474a0fc1cdf50bbd2ab5ea7d591cb720b6e1b38', 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: '7d4fcbe01a218005e614d9c1e4d5a646b746cbfd', class: "page_number_text" }, h("p", { key: '4f3836af47da53ab71da83b7dafb8d46b8d4133b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ffc54cd025a3732f41bd714e0a01a384148a3029', 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: '0c98c897e62c55be71fa4e7ee67cce78031fdf68', 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: 'affd25578790f14b028bbcd3b730e4c0618505a1', class: "page_number_text" }, h("p", { key: 'ca78cf984aaa4a32ec89d4056614e729f5122916', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7b0c26259ae1caf0c54beef43cdc438dffe3eea7', 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: '02ba96aabca5405a12aa7b7d511a4decb7e161fd', 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: '3bbc380bff805f98eee74dd818c76efe246ed439', class: "page_number_text" }, h("p", { key: '05299c7968a35b57042dec727bae8a9fd5079734', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '98773ef30011123b1bcfdb7a51f79348b5d55262', 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: '842ad148ef033fe50bd1d8b6a4e99d3b687368b7', 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: '6c139cc120ff5fea4866dcd75e1ae4bd963b1cc4', class: "page_number_text" }, h("p", { key: 'fef760dec31d268498c8ff2e93645166b126e3d3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '3dc7aed32100e9587617af5a6d3d6bc1707be4c0', 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: '339e28092f3c8ea643f073f28a7443ff4ef3547c', 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: '64b8305f24e8931189c160856be3c0b7e80499b1', class: "page_number_text" }, h("p", { key: 'ed2c5f55e6801b3450948b159897453d73000bf1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '397a318c559fe86b82d02fdb96282a9ca3f74a2f', 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: '0a0ff309cd2e8da3f7d1ad5a88673a463aec9baa', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '633364e88128e3d27f07cbc0b5bb8738d100af6f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '092e1070fae3bdc5f12a51efc63836ee5772e950', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '39bd02f4b6f10264b2c7dd510c30e2db59f688e3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '252e63ed2bbdf8963d6eadaa4f9879a3ae983cb2' }, "1"))), h("gb-pagination-button-group-base", { key: 'fce699cd23e9caa8647f6b95dbc9b232dfd80136', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eda1d88614391a5da41da5a36379ae40a4dd6608' }, "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: 'ba1a4585b4dae5eb17c31a601cd5e7934ee233e2', icon: "false" }, h("p", { key: 'e2e74930dff253a9f3780562c83d14873cbef75f' }, "...")), 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: '1b431351c91fd06c297638bdf61135493a10a843', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '8c86ffd2977015d104b68eac96cc7a7cb59dbd8b' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '09c8eedec8ad8893bc217cffa05d8048adb15015', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f99b83d7d06c413e8d3b155d1f0e9ea8973814c3' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '47410d27fc126ba2b836bc26018aa3f97e95e9f0', 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: '6e90b7219513cbd3397918c490a31ba241956b72', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7e01d4c0496c7ba6694a0a551f0690a3bcad81fd', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '50111e31aaaf812c8dd0808864af424c69d2e549', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '0a383658ebfa21a7903e00c25873e4dd57897c00', icon: "false", state: "active" }, h("p", { key: 'c6c6982df3d52ca6dd4c640379f013867dcf7043' }, "1"))), h("gb-pagination-button-group-base", { key: 'b0ea99a6e8337479c6dce09fb32bda1712cb2be8', icon: "false" }, h("p", { key: '8c90c2c6ddfd5da38ee3b3fabb849142a01cb608' }, "2")), h("gb-pagination-button-group-base", { key: '7444494f25f26911e4be797f23c5eb284abd0616', icon: "false" }, h("p", { key: 'eb9533579bf1b639a2ccf3e630607984bfc4fbc6' }, "...")), h("gb-pagination-button-group-base", { key: 'e6b21b6bb3320b9634c0b7670643559722dc1820', icon: "false" }, h("p", { key: '34d53fc7427939c65120bf3c64596cc4011860fe' }, "9")), h("gb-pagination-button-group-base", { key: '3fc89812fb24925dbd58657dc29db7edc6b3c9fc', icon: "false" }, h("p", { key: 'b1006f40b99c7f67901abf342cdedd76d402fc5d' }, "10")), h("gb-pagination-button-group-base", { key: '48efc6e673c432c79b146d0ac534fce331057514', 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: 'de5de2f146b68e69f56e90f52e887a9be2be0e2b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '47cd9b972a222e969d05a0166d8d6290d350d889', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '35b2f5c3a7651c7aff174fd21afd813ff58b828a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '570d88d72a9c8b4631fde5622ea227a054706a98', icon: "false", state: "active" }, h("p", { key: '33d6c076ead43760a94031687d6964ce75da710b' }, "1"))), h("gb-pagination-button-group-base", { key: 'b5a0f632fee095326c30b59b0e460bda6543cda9', icon: "false" }, h("p", { key: '0b8709a77adf752bc329549efc65d58b40aa174b' }, "2")), h("gb-pagination-button-group-base", { key: 'a78a564ff055d42e945218b883ab50cf09dd725e', icon: "false" }, h("p", { key: 'f069f8c9148ca2e36e8c98d174d6be4ee828e4e2' }, "...")), h("gb-pagination-button-group-base", { key: 'f4d70878489d1e26d17b40ed31be5d1cb7e47d97', icon: "false" }, h("p", { key: '6429bbf74283d2505fb9a6a6f1d73b26492aba98' }, "9")), h("gb-pagination-button-group-base", { key: '92d2c1f4565cc054f1e09fb51e05121963bc6e4b', icon: "false" }, h("p", { key: 'fdfe9ca10febed8c22b632041a52183e931e82e3' }, "10")), h("gb-pagination-button-group-base", { key: 'd419a0e9e7fb0da62db8d804f8c3d99f29896256', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '7448adc3db80883b5eddc43f682eb2b7cec24288', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '4ceae2fc162195a036a2c8093cde4abde69fd3f3', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '9d3a5b5f024a718140bd0d9468427ec20f17d016' }, "Previous")), h("div", { key: '38e232aa40d9ad9f57394d43a1b58200d3bb1f68', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '525e4388dfb153ecf9b624f3790c7bdec57a5308', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2bcf9c1b8754ecc2cb447ccff010b759f0009596', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1dea05e997fb770b96cf5544882a07da886b2478', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '25a760b485d60ea7e0352ebbe7f03ea377720ccd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c87bacf7c463121a7678de9d8b08bbe8bbe64b7c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1fb1441f143cf1f4da40a2a9b0bff64ca944865d', 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: '9c4f8bfdca3ae9861c5ec7aa4b7104e92f402093', shape: this.shape }, h("p", { key: 'ad3c6052d995d20eaafa395e2e9bee3551f0f1b3', 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: '0c2e8a4f36be421c3e1d8b9b1949718dde2150a1', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '907f30089390bc6cf349b394547d7971899d968c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '8c924d1fd70bef6ae2c73d8f6937c6e958c2dbe8', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'ed9df88a2688f7b14ff1a9ff00ae3efb56ec7cc4', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '17ffcf9f2843c37bf5c3850c3a21b22e33170256', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '5f83ea05b14e56bd06d95ff7622e7fea24f940a7', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'a16b75f11b76a27f1ca009c7a1e35c8e61498f7b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'e3d1879d57e60efd81e2dd68b5066fa0a0ceb640' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f90b726e706cbc8064dca8a91db914ac63ddd7c8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '05d0679536984c910c54697b75c87348b1c9a259' }, "Previous")), h("div", { key: '3dbd47b70da36d0662e34295df8599c9dfe1c25b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'bc3ee384fc340e171cd0c9b5273bd626779ef912', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2c2f06eb0a9f18135db048775c25d0e2a0f3d8c2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4d95a659d900764293c689c77cc5cb707261e30c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '04c04b7a00cf56aace9323d7690485273e06f9e3', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7fa8eca404affe655483a0c6fc31b278c0cc4af8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '759c8c4ba8e4ad1ce7fed65ee8801dfbc0ac6c89', 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: 'dc6e5f9ecb926bcd2ca04c2c1e74c4f1e43cb4bf', shape: this.shape }, h("p", { key: '2af26ab96fe3eee495f99217fec6e599b7872274', 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: 'adc371a228cfba75d30b418f225f21f9a2532dde', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'af6f9f9ed079f64a50ab8da656a32b02e4b887a6', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '28b834c57d85076a200180901113b86ba449c4d4', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '8d96accd329aa05a954d6150d8973a3a93ca571c', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'cb6daffaa0c88fe081d730cbfda1c39e0901c004', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'da311c472087d58df1014e964369bba7fe8ba72f', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'adde7d419f431e5127ac78815c9d7b9161507896', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a2c659115433abfb2e540186507c20226e5ca55b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3ac055e2646ff8ebd309f4f7b16edf44fd518750', class: "pagination_entries" }, h("div", { key: 'c4cccc060356fa62bd5a1bba6c4dc07fbdffad21', class: "entries_text" }, h("p", { key: 'a41cb52264ff3e6bab955bcdaa07b23c47845695', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'cf431fccb865b092256c36bfb86cc90712ef6c23', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'fef2ebb0083479da7890dbabeef399751db8583e', 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: '3d013a9de170d80d656dac8f22f5497c22672c0d', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '38956fc91cf5132934d538eb5e9168307e1c6ce1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c64d7c1ae3679dcb143e6d17eb45075b16f270cb', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '51a2af0421ba91aa284bb59e5c538b9f52345521', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '0dccad7c45d5b2051b4cf7b8a2142f20a59daf38', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1331c35290a7c1c55d9032406e1bad49a8378da9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '6df463ba158e1cc1211a7376b63d69cc4deaa2cf', 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: '80379bb405cb3cef1a1831d3439e91f068833fed', shape: this.shape, state: "default" }, h("p", { key: '8d2dc9db147167b60b430f9d9b3ef352c36020f3', 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: '4d7951d83ed90b5050478db4ed25f96c267c7138', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '0e45afe32745884cc1f80d3c8ebd06bf1ca364c9', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '4c373c3b9d277c8c53ae4d4dd3797f1e7719572e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'df5ff2c68632432aefccc678c49328951992e069', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '51aa5bb67b95a107842afd336fd68166ae35063d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '81dac1d141749b24ef3c50b708945a363153d1af', slot: "page_number" }, this.totalPages))), h("div", { key: '0d3e8730eeda294c8beb549fd61592499835e6c7', class: "pagination_btns" }, h("gb-button", { key: '875d78759b273de0e4ecd61b9ebb235ccdef017f', 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: 'ac49d603aaeaccb510bdccc2c6c3dbce48466b9c', 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: '3352784bba7490e2514f0713cfdf126f83e17849', class: "pagination_entries" }, h("div", { key: '8748eccb2058192c43fdaeca6e3e3c92c9577e4c', class: "entries_text" }, h("p", { key: '7028f38cd47ee1ca46f7b58d4f7bd2e0d47a5c81', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1f8f64f7c02d7c51726b1f1bb682426b9097a8a3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5a2b18c0ed0c1f663f58ea10f1914a49179c4504', 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: '3b780d4ddab2f2f6610ad7e3ee5e2d872f5bbf16', class: "page_number_text" }, h("p", { key: '520cc4539b1359c4ceded4bf901a28636e055d83', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'abb445382232ef34772e99a89f4d9f0532e2d40f', class: "pagination_btns" }, h("gb-button", { key: 'f9c000acd4cfce054d5bd97ad84b61186f324924', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ac6ff98bd8108b3a13c994bf437ccbe14db0369c' }, "Previous")), h("gb-button", { key: 'f166d83439f3d0768505577fa9fa3a536ac16b24', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4d346873707f3cbded311e3ac901ecd1ee3884e0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2c9f2da87325f62d2a406ebc305cc7f6cb1f8c02', class: "pagination_btns" }, h("gb-button", { key: '7b20c095e74a502c19608f08eaf0341ecb0ee6a6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bc91b91b63e7ddfca0dbbc85dd335de44964686c' }, "Previous")), h("gb-button", { key: '6f11c524b0ff7b942b1e8c87161296ea2084b7b0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '65a2598a5e4ba8e7ea5337c274c3edc7b0d70045' }, "Next"))), h("div", { key: '8dd6c0581b08ecc7082329e09651c89b1551d17e', class: "page_number_text" }, h("p", { key: '36ba9b1a9458c388b8eb75c5ed2816710fce0e6e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '6e888ea8960c7b6bc559d87e62e35c7b83680ac0', class: "pagination_entries" }, h("div", { key: 'f2fc514b6df0b88548342760c2b91e69414a2e53', class: "entries_text" }, h("p", { key: '6450ff13dfc67faeb6dfb561c1a179bbfa0fa0af', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7d0dc0b361c9d62f4cbc1d2c935aaab3177342c3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd8e17309c78db77c83e805a2c2de247a3df15dec', 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: '8d2d2c05aed2fd0f6dbd919dc05cc811774a42ae', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9942f01d588f369f005d1eb353f408280c51800b' }, "Previous")), h("div", { key: '8b9eb263bc0415f4deacbc3f12e688b749e76376', class: "page_number_text" }, h("p", { key: 'b88f6ecbe822c8941f759a528f2f7286e9b3048a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '77ec6e410c08e1ad2ded4d302191feaf60fd0319', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '77c1b416ce261af7ff707d0553d73ec42bc8ae85' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b151e42a5135810fd5adbb3f05956bf217f7802e', class: "pagination_entries" }, h("div", { key: '505f8f8569d11a7f2a8b796277fde86fa8edac85', class: "entries_text" }, h("p", { key: '948c9d6ac4f04e8428ad15aeee31671174534a69', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '146fc8fc235850f5f97dd302033f1aea513f17fd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '3011d4a1cbeb3a5c12f3e70e29db9fdc6871ce6d', 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: 'abb7ac53ad61fb5d1c93ae608a9f2ec63c3d7b7a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '17a4865d57c7da52bc9a77c89b488f3a9e66e8af', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f6029dd6946758ddced0fd7f1a375aff777006ef' }, "Previous")), h("div", { key: '73c95bf5a79b2b66487b1a8553dce0473277b6bd', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e5ab3b50552900188ca747dd8a634044536d665e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3713491f08c0be3bdcc836ffe0dba19ef4c17beb' }, "1"))), h("gb-pagination-button-group-base", { key: '3b8c79c7d1f50b72e23806153595e56602a90e60', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6d8699849cdc1b9acf71395b85c7eea2763e94ed' }, "2")), h("gb-pagination-button-group-base", { key: '3338b93e329704ab6faa89187a84eba7f9b5d897', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8c215f47a874bd415b2c7131d50aba1e4800629e' }, "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: 'aff5254d2bb91edcfd0bdb5b11f8bdcbd666dd31', icon: "false" }, h("p", { key: '6fa2c7fa9f9ffd467277370858153b6a30290460' }, "...")), 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: '5e154cae7b0f7a3ce2ce422ed17e0f11695acbcf', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '344648776b5ec3a7fdd5c1820a53490ecbdf62ab' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '91729cf1513d1f6b5f874e1f4bfe446a5369aa41', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4a40507dda280d9470c132c6c31e4cd9afbbafeb' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd4bb125cd65dfa7294ef2c197862f9597f270ad3', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '7fbf5faca0cefdbfc09d5224cb63741a90790b31' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3ceff8a3a7b3545477f4317ad933fbcc54f36f0f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7ae060f1b06a84430d4be863b01bd5dbd66b0df4' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2495a98a2a1f3e0d0d05f5e1d1d07fb4d5b75324', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'be95a769a8ece5814ee1e76df02c98a673efeabb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0c3e689006c05128e0c5c0a1b379ab6ee304e077' }, "Previous")), h("div", { key: 'd0501637284c5d59958166effb49db61f9b07de9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '0af1291871b2f5a4ffc2b2a5584864ccebacda0e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '75d72c2a8b1e89029ffd74f3bad51b76f85e308d' }, "1"))), h("gb-pagination-button-group-base", { key: 'c6a33bdbfb6b653610d8b0ecb283c5cf74005e32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '272d306451926a8735e81e9f70916c33a22b22b3' }, "2")), h("gb-pagination-button-group-base", { key: '47542a7fb775e0bd7e0f0554c788b851030a81f5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a8c94c75d26640032a6a54fcd2040e2e5c0d7dca' }, "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: '6a4087ed566b4a48152713c47c647e8fc775752f', icon: "false" }, h("p", { key: '0276ec62ab09f49a53bdab89200ef4a8cfcd2de4' }, "...")), 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: 'ab2122a1d049dad8a1054c614604b9c883dfc786', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '10d8cab4d44c5015b9241becafb7969ec934af58' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'a22e42901924fea9fd622e7fca3d996cc1999af8', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'e12cf904227b1fb41c4d3097f7a9180a60f7afd8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'f8725c7c39ec3f5bedd2291e658d64b18f0b5c9e', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '553b48e25fca93d40547defe10ddb577cf116f8f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'ad6d433944cbca0b932f47456ee5e5b3965f221b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6470d537102d7d114d0d20b0451d00ae52352415' }, "Next"))), h("div", { key: 'ea2b4aaf8e6077af7c2292eaf6f7b3e5b245d84d', class: "pagination_entries" }, h("div", { key: '20972d8d569e9483f9331c991ccd8d78b1dafab4', class: "entries_text" }, h("p", { key: 'fcc8380db114f3c82e66899a0472a39c402de1f6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a24bb52e46443c05c8722794d139709924f77544', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '49bb364e5e09942dcd6b231be5115e6a931aa516', 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: '4b6a3daaefaa6bd262bf537a600425f65fc401bf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6ea0286bb287b755ea0e5ca05a6381377ecfe7d3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd63c329f226d01ad8093f15f34a6d99c79bb35f0' }, "Previous")), h("div", { key: '9532ce4a5f38fbbeb1f0ec343044e0068fb21655', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '513c07e2bb551158598bf7c624f304cada33a158', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '82f3f3eb10a6d1c3fb56d3f0de9b05acc54cdffa' }, "1"))), h("gb-pagination-button-group-base", { key: '991bff44a0ba37f228b5f25d09af6b704ef252d0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e62f43009f9eef797c6431b913741ca80e4d2598' }, "2")), h("gb-pagination-button-group-base", { key: 'a6fe094f858a32bcda7de2df4b38893edecf352d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7bee0d5e96004faa1ca6f5e1c9a21f9dbf68c4a3' }, "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: '0c29d0d9824b68804584997584dbf178a4c21ab8', icon: "false" }, h("p", { key: 'd44b350e90ebb7c036d5224322effba6cbc7a968' }, "...")), 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: '314b3ea48e9090c18ae8c7f09e05b5907a77d30d', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '4c1e9a8423da48b9bc1b49809e6daf29f8c57b43' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '11c416a7aedb68c7a5a33c39ad45966f27e6cf95', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd645ecfd7d4325fec1e2de68159ef3a79e58939d' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '2372c7a2a571ca68291591cbd5ef346a5457c0ef', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b4aaae51737c1a14510a8475b78c3ecb4c1ac020' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3bfb7e85a652781279ac9a56b44e932e0e55f97b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '00a9f8566164a527333916b02d470034bd6392e9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1c1dede37a1d847397bbfbc98a5b9a2fb75778f4', 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: 'b0d854bf7d707f68084cc35f1f19fadf581f75e3', class: "page_number_text" }, h("p", { key: '9d84f97984c0de1f1ff6e453c7f62df1e0af5b90', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '65921abeb724b4ef70a910e777339c32ecaac0c6', 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: 'f4171806d688d304e7b28a0b14306c21929c1c48', 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: '498e3225951e731841de49f6c3b560641a13f1d3', class: "page_number_text" }, h("p", { key: 'f92b181508a56de12b2277b5061e402cb8cb591f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c1482fb0fdabc6e800dffa213c7eb61f43e84c5a', 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: '1cf728b38469f1ac11e2e6c73de96254f1c4f731', 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: '0215b13d898c152c7fd092b1192b74e9ada0e1f4', class: "page_number_text" }, h("p", { key: 'f1b918bfac4be737a71983392f80a98a088af652', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5fe847258c2b93d06231bac782d23ba055768ace', 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: '43a092ed7e8829c3df9248369890250b560423e1', 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: '18f549b8d0106ccdd4ba59ce04791e37eb832406', class: "page_number_text" }, h("p", { key: '112c91b8190505cb415f62ebbbacec3bee3aa65c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '790af2cfc4cd6368fcbf34fdd5d517ef56bf61dc', 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: '305c74feda09f4f645ec8b51ff9e1649c9b1125b', 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: '54eab313d1e39100d1c0f93be3abe49cbb186747', class: "page_number_text" }, h("p", { key: '88808f080da360533c53bcf22608b5a2d7ef2ec4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c79d70e6dd8bf565e45a0491f3cf58c72862739b', 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: 'e5870330c9f51abb51c52f813066d371c58e815e', 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: '75316d301dc2af368684e10649a3cf2ef862bfd2', class: "page_number_text" }, h("p", { key: '8aee22f5a477421760ea228e657122996cb8272e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'cc61e08ead62a5c5e16a107e0b104fa8d1d7a601', 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: 'aa0ff8b3be4c20705cc245be8f0f007f97d98a52', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '60428624f213e3d360742b8a6b0be1b9ee3724e6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '20a7d9a6250a56ce2c64aada61d6cbe8fab7c81e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '55fb5bc1924bf30cb5b67eff18229de6cb555958', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f737cf2fff17dbcdbb17c7f0d8eac6c2de56e021' }, "1"))), h("gb-pagination-button-group-base", { key: 'f0a4dd0a348f58f75461611df96df3f0c7f58fe9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e3f6b9bea6852a350b5ea3877a2bf8a268277be5' }, "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: '5cb819fd9e22514b33a165c5db0e53677c1f8231', icon: "false" }, h("p", { key: '95c08ded597f7e793fd947c6d3a0a7175308fd69' }, "...")), 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: '56090468f6edbad6500f3d2f70db0d5d644fb010', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4080f007b4cfacd8ea4e8fbfd32f84ee7c09e2bb' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e41308638ff7f4d0447ca163c753d993c3d58f7b', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '76be837ebcb70033ab1a70cb0388dc1febf6512c' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'c1208a6b4e339433429b9ab4c18cba276baea5da', 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: '78b4147c1c0d61d4510529ab7f7da4ad2ccc2b95', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '2ddcab187b65d30ac711b1f308257b79702d2198', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '947d56e6efb319cded8192c3ed59671fb5bf8fe4', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '4b5283723531f26c348110836121a42d3643db1d', icon: "false", state: "active" }, h("p", { key: '5a242e43556de9ec2a189dcc29d6fce0f15883bd' }, "1"))), h("gb-pagination-button-group-base", { key: '869e1a5c011faf6a09e9be1e5c4ffb212c1a0e5f', icon: "false" }, h("p", { key: '0f25a17a4434039d2bc2b644ebf00f03ce730deb' }, "2")), h("gb-pagination-button-group-base", { key: '1a25cdbb0887e8deb7dc810ae4a99e6ade66f2c4', icon: "false" }, h("p", { key: '6683a1e18b89df6c42fde4da6519f1b8a477f96a' }, "...")), h("gb-pagination-button-group-base", { key: '8e1234485d2e3ecd1581e3710cf25988a437da14', icon: "false" }, h("p", { key: '75e7dce86b8d278564e277e623fb730a53330849' }, "9")), h("gb-pagination-button-group-base", { key: '112f1b2ec48f51fd090e622319931a858eff5702', icon: "false" }, h("p", { key: 'd77a0994d9286430f146f1d02e1b2ab712d6149f' }, "10")), h("gb-pagination-button-group-base", { key: '14451745a6db467377308d4cf62ca608695e557f', 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: '047295dd795c509edb5d8e67da93c2d3fffcb31d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '40b19ac66f539199aee0fc65dcd01ef1d4af76cc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1179cc1bda7afc7abbf7cdf94535d36ba79f8a4c', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '873770779483ccc1de1af522b8691b4b022cdffa', icon: "false", state: "active" }, h("p", { key: '636c0c2a9b40dccaeaf4bf7d6638a7e12dfec4c7' }, "1"))), h("gb-pagination-button-group-base", { key: '2d79a1a432470b34ba42381bf171fce123b12157', icon: "false" }, h("p", { key: '66253b21461da38b10e011610ea33064b2a40560' }, "2")), h("gb-pagination-button-group-base", { key: 'd798924816243ca14c37fe753f18cda6f46a5980', icon: "false" }, h("p", { key: '87dbab1fee3dad967c4f742783c4c4c6b7a4234d' }, "...")), h("gb-pagination-button-group-base", { key: '3842cfb1e50bd7731bf9cb280a78d0cbd511ee81', icon: "false" }, h("p", { key: 'c87d0c995f03d02dda64b0387f9e164986faf097' }, "9")), h("gb-pagination-button-group-base", { key: 'f8131d0a6946992211f1f5e2b7bd44147b72e5e0', icon: "false" }, h("p", { key: '26a37356e6ec1dce2043cfe3ca51db6cd97a3c09' }, "10")), h("gb-pagination-button-group-base", { key: 'a6d7551f737bfffbb75de2cb4e2397fd4d6407ed', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = gbPaginationCss;

package/dist/esm/gb-progress-circle.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (h("div", { key: '1b9fd4764122d4b2895c34b1c40b3f81decb08c4', class: "gauge" }, h("div", { key: '2a60898d1545df9e672f091dec796f1084b4266f', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'ae0543b2d8fee1f74f7190e7ca6a50fbf2fac806', class: "mask" }), this.label && (h("div", { key: '2875106e61fa4e0e2c332baa4565c7851cf8e46f', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '2e3177d4c51ac950ffc89e40c0951514e0eefea8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'f65b0bebc92eea2d4123c856b5513073345d61d1', class: "gauge" }, h("div", { key: '5773b1a5b89aaf0ec8bf08463f44516ca2859ee4', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '1653421597104e8a7474f2a4626ff2bf99e3e7e0', class: "mask" }), this.label && (h("div", { key: '475c013d4a85b76db332fb40bc80629cb25817f0', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '929e590929d22855fed1d9150c2f7ba21e276441', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-scrollbar.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '13bd5e169fde2b506eded07a64ece8517349c2bf', class: "scrollbar-container" }, h("div", { key: '2b97f06d0a803690701f339eb320aca0f06e68c8', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '69a2d591fc65559c2d7e2bc185ce44d65d17c5cb' }))));
+        return (h("div", { key: 'bcdb8da9540ae4ae379f1a5ab952a89e387a3f69', class: "scrollbar-container" }, h("div", { key: '4a6706d26bf3f455bf32695f20f5c16374e2fd8b', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'd22f40d787829034f71527669379b3b746ef24e4' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

package/dist/esm/gb-sidebar.entry.js CHANGED Viewed

@@ -103,7 +103,7 @@ const GbSidebar = class {
         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: '85f43b0ce45fd59df12fa7f667a4093b48b4e41b', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'f64de7ece5cdb1da1786390518a4dbb55bd92f40', class: "pattern" }, h("img", { key: '2417ec9ee03e9af923d4fb5516bb5080baf5f4bb', src: patternSrc, alt: "" }))), h("div", { key: '2652c8345920cfa40b76870a4f46184077980719', class: "nav" }, h("div", { key: '936657f854f2a34f3078d272544c201fad3764fe', class: `sidebar_header ${this.state}` }, h("div", { key: '9b29f0711d74a1f71dcb468341ea4b35337049b7', 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: '3fedcef868af836b7b62af55ada4b3c451937bf6', src: logoSrc, alt: "" })), h("div", { key: 'dcb68cb798eb0c74a7299aa8d113ec47abfffedf', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '5a4ec14c825d3968ff66b0cab2571edaf68ef235', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'fc09870400b2e94e0bc041beaae3f42126255986', class: "navigation" }, h("div", { key: 'c4a3b943d22fe18010337b45138443e131be2f3f', class: "item" }, h("gb-simple-side-bar-item", { key: 'a481d09e458c8a5eeae730d9ff78b56f1352abc7', 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: 'c4db271b899dea814772e6c89986ca971fce6601', 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: '2bf5934bda04e33df3f5eb927bcc5a97239fffc5', 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: '2925a0a7c9d58af206e7d7fe3a2dba2d01a1868a', 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: '8344593087edd81ae54a384229570092c657c4bc', 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: '287e228f788edbe3566e25206242e8e9601abb41', class: "navigation" }, h("div", { key: 'e70e78454fc7d89490cca7552f6a8b57396729e9', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '1139f8f3cc6e1b089104847120d88d9a425e6040', 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: '7fb521290aefc5b3ddc951716608c961b387ce85', 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: '80749fd9127dc8a559d5fe623af39fcae61f7d6f', 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: 'cd9a2d42fe070cc7933d7fd8bbc6ddc189bd80ce', 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: '8b4465f3924a428ae147d3d27262461717f3b322', 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: '6f1bc3f7d9371fc611402eb5891e121ae18cd453', class: "application_name" }, h("div", { key: '16be8d3a1e67773654ddbcf76361ba67640312db', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'f600bab9abfb276d7088b31f281559373a3b2057', class: "application_name_pattern" }, h("img", { key: 'ea8d0d25e435b431615af078d025cd4532e83f33', src: patternSrc, alt: "" }))), h("div", { key: '43c2cbde601f9b7a35b57dd9a10510984309d242', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '2f548406c6a48271f2cb18caae67d1b8df233458', class: textClass }, h("slot", { key: '4325857ad1cc761ebb8aca5cb788c4e00a29978b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '0e2e6e15e702ba6dd9aeecdd57c97bea65bbf603', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '59436a34c2f79621243c72d64b7b0c47ff7979e0', class: "nav_div" }, h("div", { key: '6195682ce64ee43dec608cf48614fb9f638c33cb', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '9ce35225fc6266327d787a3596b4c35c97521407', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'd95dd739af11ae7889469b7859a089da75f1bfda', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f7be89d8e749affc90fa5d247a9f37e1f49cf5c7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'd38816d420d0909c2add9c0c37c59e5c73c8c8c7', class: "complex_sidebar_div" }, h("div", { key: '4079a7d7be709cedcaaa89d662bb14c01c8f99d9', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8ae3a59a3a0ebba432d8d1093b82473be2d7867c', class: "pattern" }, h("img", { key: '1d271b857b48b503979980fe4aa907397ac7f5bc', src: patternSrc, alt: "" }))), h("div", { key: '15892e8368a22163664ba89d378b551c83a1afa1', 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: '841dc29f9e0fe72f99b2183c106ba103a190b393', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'bc399e7eff528318c246b467a65d635a20879783', 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: '9e09c618e7a849d7ac35fc3374ed861ed136226a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '0220b03c26e3e6dbd02d221b7689e98f8668bf3b', class: "pattern" }, h("img", { key: '326728fabe446186fce6ef0ea673a1811e583748', src: patternSrc, alt: "" }))), h("div", { key: '7d1ee8bc12869e00452ca2f4bf3c15093bc3ec2a', class: "nav" }, h("div", { key: '7602035452e624bc9faa682b8788620754641bb9', class: `sidebar_header ${this.state}` }, h("div", { key: '121f04036d5e88b9a97ba1e530abf4f2b32af67e', 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: '6055c5b4095589514b061063ca86a1a56b7a69d3', src: logoSrc, alt: "" })), h("div", { key: 'fa940a6e8c01bd904e16b143dcfeb5a186d69d6b', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '9e944082f3822074dbfb8ad525d95ae340da0987', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c0475980fb1fc8d1a24f899ea941fa7b8e9879ac', class: "navigation" }, h("div", { key: '639e98a96a5e1768773855248d82d3f8f3e68105', class: "item" }, h("gb-simple-side-bar-item", { key: '2ee9e07eba0bea7c46d162ae6757577dad4b697b', 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: '519bbf67c22a38bfb50f0313d46add188e34787e', 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: 'e52c0faa10f0945267d0996892d814442d7353bf', 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: 'a552f38fad5dd095567d753a5a305e63ca414ff9', 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: 'd672bb1b915f3699362d6ebd55edd89cdf6ce4e1', 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: 'da3c1ba4292b2afaa847f80b485dbf8113707236', class: "navigation" }, h("div", { key: '9e474e0f99284c2d02ae974f1703b3b623d7ae39', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'f69877db1ebb81cb17ff0fee195acf0e3c1226ea', 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: 'fbf168e0aee7f17141883f1f598e8dd2591d6d07', 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: '4a75c950b5ce3d92001ee3381e9cca0365d6fc3d', 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: '419a60c078986984e97583849815eefafeb4beb6', 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: '216d1c6ecea785e9d770a5bc6b2b7cbd006355ae', 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: '0d4a310f02b1b3ba0fbaf2fa560ad8f5bc8e6b04', class: "application_name" }, h("div", { key: 'beca400f77274324c884cb9a7eca435278608e8e', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7c9090f31d5bfb53eb92914676d4c11c477685da', class: "application_name_pattern" }, h("img", { key: '70f29594265f4341a8fa7cecb82aecaa62c56705', src: patternSrc, alt: "" }))), h("div", { key: '0556bc0806d021803bba96f6fddfe1a478527796', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'abc1dfff0f558a30fc0f877d37e97bbe1f321056', class: textClass }, h("slot", { key: '3cfd269cb25bca0513c9a3698c84aace808debf1', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '10127fbb51c62de5437954f29caa324abf4cd184', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '3cf67cb13326e0e5fff41d39000a53d929382eda', class: "nav_div" }, h("div", { key: 'b27f1c1851b3596dc0338f7830ba31662c0c91cf', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'ee4987ec5958f231983e2723192704ddca005921', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '85320f7f1372f55debdf8ffce411befbc34e8b6f', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'dec1af67f585feb369822e200c4a09178c75f22c', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'a217e4eba36cf127d408630e402c7795993d9f47', class: "complex_sidebar_div" }, h("div", { key: '230572a4ca3c8cd305af4ffeb63fb0807f4d9fa0', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '4f3eeeff6b41ff41e7957d65129a297b30e9e2a0', class: "pattern" }, h("img", { key: '6f1e81bf3eeeac3379b9b14f183e93cf6df74945', src: patternSrc, alt: "" }))), h("div", { key: 'c391158b7370e662c6993f3b333449954026c3ae', 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: '203fe2dea96124cb0e102fd99fe761de25888c4c', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'edf83c2fea6ca4eb833ecc89262b63d500b16b0e', 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) }))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-slider-control-handle.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'aa37625f7f8ab69c76fbb8a4c294173e6207c917', 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: 'c4cd6aee70ad2c248d8cbda231ad9319e8fc0787', class: "tooltip-container" }, h("gb-tooltip", { key: 'c7c01e67fa84b8334e486471b99fc910d5cb7ebc', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'f6604b3d927967bbbb0625701f04b878efbf838f', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '5abba1cde6c8430740f2bb42695e57a451526e61', class: "thumb-label" }, h("p", { key: '0d4cba0704b9a5dffa0e16f2b1fe7183a9e8ae88', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '1fd2f71cf22440dea73ecce248ccd67eeff590f4', 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: 'f2bee42b56456a941f83050f0cebde787f7b10aa', class: "tooltip-container" }, h("gb-tooltip", { key: 'fbd3cd74db7880f702687b0e5d273d2d7540db4e', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '15bd729cec5dfedc27f66701694e6734a3987ada', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '44cdf12ddb108f5c2d646140440ff7ea89752a9d', class: "thumb-label" }, h("p", { key: '2d56444aee403034ed942cfe8b4d0dd19d88baaf', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

package/dist/esm/gb-slider.entry.js CHANGED Viewed

@@ -76,7 +76,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'a7c6b3461b482dd49ed452d26765867677706518', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'ae59ade2c4a9487e66b969526570b3d635be67bb', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '8c8fb07bc883885912c59408080093d54f8c6f97', 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: '293197c621b407f1b4beca6ea9d6e9cbe6c8d4ba', 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: '022f4f8a038204b8054b2e929a28ccb2a09cf745', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '96a0437dca3dfea648bb247e7ddefe3d2ab9f048', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '6dac1702ea7c86c881d525e15dd3f8eeb7a1ed0d', 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: 'd17b8b48512aa79e700ad1679bb4c1489900619b', 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') })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js CHANGED Viewed

@@ -21,7 +21,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '50568a950ac298e6f6f7e2a917e1d4e6a4bf0035', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '42298efff696e8842f49730d7743384616dba1e2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'd54767f3d11fa559dcefcafc135c277136d5cd6a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '86c2537e36b57d1313e8fddae77e186595d8b585', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '386cfbb1d9fa638fb777d12d112abaf29a0e0c9c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '729683c13917a7e597eee52d4e8cab7b7c1baf11', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '83e517e368bea1d85b6daee5fe02f9df2bc9439e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f45f659869147c167f7b2f3dd92b01b08536cacb', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '96600e760a01be0f01cc5a680173f1a4785086a2', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7dba1c86ffbb0f2d00a664e1d4e22baa096b8ef2', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '2b64c59f8dbd5e0dd3c3e30db17da0fdf7ba6eec', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '24982817044a136ea94508839472b62c6e285365', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '900425db36c943f6f10754b20462681948250e4b', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '27e2dae9c0728a5b27fa43ad835a0f48f82d99df', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '8dced94fedb02e513900ff2d734905e34a674499', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'ad8aa8b8807cd19ab6d4940c50a2b9047538f327', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '47533423dc57d1466d1ed674f109f9a5fb7c720d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '2457ba762709a705abdda7df9a6846be32bb60f1', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '37accd8d12f5ba4c2490faafebf83d2dfeebf9ac', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'c92fe1156fa314d01b9f810be019f0ea6362a6d2', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '6e2cdc341d801453d3f1c28e6ffd038224bed9d0', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '1571543a3311c8946164dff6666d5c2fafd938d9', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'be56c0c295227b2baa0ff94c24c95255787fdb2d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c9650d3958ccd9202788d91e259afdaa1d2445e0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '491805ed32684847e7539d461c792ddc8ce7430f', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'e960bff19685a709f1704ae3b5ec9944ead610f8', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '4bb21591029d477e7af6b5f76747c52ac82f2a60', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '52e4591fbdd4feccbab8852097935efce795252e', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '631cf547277e4d3ca570d00644d8c824efe4ab4f', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '93e04c2cc80d1fbb96794f3d11b0f813fadb5e4e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '48a270bc452c7c0fe7b5bf9903a2c44e66bd84d0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '910f93890ca4a52156d5300e1fd499afe4e3fe69', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '1b8de550c897533dd70a22d138362d1050929ebe', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a4c133ab0890e024696200df0ac5a376c5e8d2b0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '54dc657f99ab7a419f241609ea73b8caffb3d158', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '29a4c6961b187d0427ab2160fcca3be3ceb63998', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '6d650918925c57b9cc12fb49d5cd2af35765155d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'b170b016c98461e155554f2fb40f535f993d5f9d', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '311143b3452e005cf645ab6d3a84bd55e161f316', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '01b65440b76012e83b114b606580dd8b68329293', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a3448e6fc5b87d2bafa4d486d75f689bee741397', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'af6e08340abac5fcefcf1508d18560bcbfecdf84', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '9742e12c7d41beea7956c2035b1d848c1d855c2d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '32a9fa1e791c3be41be566a2363d36dcc6f4ccb3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '4960086a7f8012b481e11741bd7243c076cfc109', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c5e671fa2c7bc7d53ea019d3d77405196db05258', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '91708aeb972b482306a775979d0cb2ab4a14d528', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'ab29b4d75c5f6d109c44487f74203199449e4a2a', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'bd7bd4a565c59104d485ceca998b9002f3949853', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'a20b2d6a85cf956fb929c35d00048290a2323f3a', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6b00f74234c0060173fab8f76c835182161f102c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'ede360e5ec7238aadaa668746efa57a35054f38d', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7ff264e53be07b486d9eb7ff4ca9a78c21379b66', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '7d3151dc3d6d7925ba8e66038683a2adf65a5398', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'be1ae6f5477ceef5e3f227915bdc6f608d71005d', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '344642be06286a914c15483b8a3eb76539b0f6dd', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js CHANGED Viewed

@@ -35,7 +35,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '22c2b9f657aba8f9be819e321fcf7212e7ce2dc0', class: "text_with_line" }, h("gb-step-base", { key: '41ded36a0818f197f28ec4baf7163f7acd36463d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: 'cdab642d25379733e6327602595f41ee7629e605', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '1f92b691eef3d5f63f380540502bbcdce3c6612e', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '3d4dc4593bb29b8b066210d083a04df78989a1a5', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '22597f0b9d6b36862da98da6722f23ec6da3ce60', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '88cc32b52cb88bc838b9526df2ca4259f9208672', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '92781eb17d124e7bca2d494c38cb528ce1b56b81', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '2d8845fb17d15ca84be88fce982f4722a8b888cd', class: "text_with_line" }, h("gb-step-base", { key: '0d2ee3eee516246f60f47350f811fec22aa00b72', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '1decffe02e32c741e4c7d21bb6b517053a3143bd', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'c7d34e7bf7a2dcca61a6c761967b4d2ef6a9b87e', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'dd230f61687a36e89e2abeb2af30c7c015da3dbd', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '5784243c9d6ff073ab8efb723b923324009bccfb', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '3527599b6260d89baf9ea18f687b59e9cfcfe889', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '1ce3e1a9f0b4432559f2097c5b812cbe35b39bac', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

package/dist/esm/gb-stepper-vertical-icons-with-text.entry.js CHANGED Viewed

@@ -81,7 +81,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: '583b6c67629731d689289dc2b4a9ed6bd4621590', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (h("div", { key: '8d5710f61408b3e549838a64579c040f19cd6ac2', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
 };
 GbstepperVerticalIconsWithText.style = gbStepperVerticalIconsWithTextCss;

package/dist/esm/gb-tab-button-base.entry.js CHANGED Viewed

@@ -45,17 +45,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'f591de11fbb5b1fbc2471a03a41bc0ccc716fac9', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'be9c134e4eadb06aa99c811c805859183a914500', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'f1315c7bf9a8006c1cc457d352c012afbb43e7d5', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '957f297f810516af17a1e3847e2efe8f5c3d81ab', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '568615942ad0cb8c7e49b25122109013f26a2c81', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'd22009b867f2876800708cf566a3ee18d7d9245f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '5ce087587a5bc5a5c7de4d2fe293cefe5cadfbf4', name: "count" })))));
+                        : 'gray' }, h("slot", { key: '2e4c96b493ca9dbd82276627aa7cdec446077077', name: "count" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-table-cell.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const GbTableCell = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'c1a207d8cb13bebf320de70914713514a932d02c', class: "table_cell_div" }));
+        return (h("div", { key: 'cbc8ddb4976229aac8891e06c847e6c440d3269c', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/esm/gb-textarea-input-field.entry.js CHANGED Viewed

@@ -188,14 +188,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: 'df7e8852fdba53180b72151796d057caa05777e4', class: "textarea_container" }, h("div", { key: '796e75c235f07fdf4c31f1f72e4ada33adcde25c', class: "input_with_label" }, this.showLabel && h("p", { key: '4137c2283c53a36ebeaa8f7f63d630f26b824c06', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '884208ee72b1381d30ac3764158febd34dc8bb4b', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'c2c9e5c4098ace18ee3c38f80824226a271b5a10', class: "textarea_tags" }, h("div", { key: '03f91d70dd25077c859abc5d7e0318997e6b095d', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f7ac417743cd2d5098cee77c0db7c78324914d0f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: 'd51c6026b1c8757f5a65e9da9f823a7bfee2d9bb', class: "textarea_container" }, h("div", { key: '3a8a8b817a14f1e4c2f8e97f38132771ad1e7254', class: "input_with_label" }, this.showLabel && h("p", { key: '31d5e3039fc07fc35d422692ed3e4fa84cc88497', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '8e062328c4b78c2aac8ffcdb50ab9db8d8d341b5', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '6fd22260adc5945ef17ca1a940fbcaba6efedbe8', class: "textarea_tags" }, h("div", { key: '3e82749af0350c9d891902ca33ec3662b7b00c3a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '582a98344e9d140bc590de40235a1eada4a9170c', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'b1020f529307425f5f9373fd11a178ef57d19f6e', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'd9c2d601766035f0c6f1e4afd9ff8cfa37181ae9', class: "input_field" }, h("input", { key: '27bb5f2a1f98c5829a160767bfbf31fe594f2c5b', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '48967d39b6fd84bda3b8a4c024aa6bde54d9b1ac', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'c0ecc4ac99b9c79a4baa8bed70e14cbb2f2ca757', class: "input_field" }, h("input", { key: 'ed7848967118cf09d497bf547c6190cdd0db687f', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '153f9b461e39fcbf5d851f10da3b22ccaefe4b9c', class: "help_icon" }, h("svg", { key: 'e0473e302f34bf2e12cf1fd52b800934d934e7dd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '3a1ed5e9be528c9c1bebff7346c55ef4fb10f7cd', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '2254538210f7952f8ab638f78965a72e1cd60d70', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'dfa353cba4230f237ff9b1566fe370f41d785c64', class: "help_icon" }, h("svg", { key: '78f6545714d47a847e4f2d49d4508d27882f9e1c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '09d8d7b50f380bb14494373d1b1910c93b2ac9a6', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '2ee1790dbeaca3848a6c8db96d476dba08d150fd', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'ed18cb3b293f9b603de1456adc54cb0e93fd751d', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '604ff8a84b0b52364e991b626f444ebd463f8c18', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-toast-button.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '6726d451339b510916fe8007880722603cf199a2', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '103e9a9420c2b3d6ba23478713585c9d196a4d1f' })));
+        return (h("div", { key: '61260ac4b7148498acfcc407a2e9cf947ef33edf', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '45252dda28729581c85c98b264aa5a6fe633bb28' })));
     }
     get el() { return getElement(this); }
 };