globuswebcomponents 1.2.9 → 1.3.1

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

@@ -21,10 +21,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (h("div", { key: '04f711ad69b471b55c46c01b08abaf71f71eb3d4', class: {
+        return (h("div", { key: '14e4e627fb2b5f831042e5177b81270c7fb4f295', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: 'b19661278e5b8861f91511531cad9fab274fd93f', class: {
+            } }, h("input", { key: '2b1ba2e816d5213625695a0214c0da01624529d0', 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

@@ -13,7 +13,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '5730510ef1c278006523c63d384c93e660e3e9bf', class: "notification_container" }, h("div", { key: '5d2e7458b39415adf5f979a2c163454685ed50e1', class: "notification_title" }, this.icon && (h("div", { key: '5d2f624b30c9fa5a594ebebc69e2d762348b339e', class: "icon" }, h("img", { key: 'c3e4e44125f0162a11c3c385aa8ae62a55d50008', src: iconSrc, alt: "Icon" }))), h("label", { key: '339474b6569abd04b547ac786e20ed61fd0dc39d' }, this.label), h("span", { key: '0dcbdd86842ce4d8ec42117983c8d1908084ae62', class: "time" }, this.time)), h("div", { key: '8bb8fb6971dad67c1c62906cb588a585c45bc000', class: "supporting_text" }, h("p", { key: '2eb1bdcbea329d1332f400e936b50bc751a60708', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '1bb8a21fb356c2897381ffcdd40996f70ad67178', class: "notification_container" }, h("div", { key: 'e37c4b504d6761b1a8a160a2097986ad322fd7ff', class: "notification_title" }, this.icon && (h("div", { key: '8af701b8662786adcf300501813ec4e16717a54c', class: "icon" }, h("img", { key: '0d0c39394d158ff96d6412333c54203d992f7c11', src: iconSrc, alt: "Icon" }))), h("label", { key: 'e1d0778201762982369eae26a0eca09a764f44ca' }, this.label), h("span", { key: 'fdd50ff97301e7d20b29c67feb1c8d9f62c9394f', class: "time" }, this.time)), h("div", { key: '531b870afc3037ffe8dfed576e9e870a04940d1b', class: "supporting_text" }, h("p", { key: '57594e54b8d8b1d2cdd168685a541b8ffeea95d2', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = GbNotificationContentStyle0;

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

@@ -56,9 +56,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'b67196fd9bb904bae47c6e6c49c1d386d5534a9f', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '52fe5b917ccf79a5c065861fcd16ea5ebace7d62', class: `container` }, h("div", { key: 'fb58d63b1ee41a9c17ee397025211dae87fe098e', class: "frame" }, h("img", { key: 'ac02e403701f79ddf08398fca7baa147fca2f5c1', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '8422c40d8f4ad8ad1d39cc6aeca2fda11d296296', class: "empty_state" }, h("div", { key: '1e4d9747112735c3092c6fc2d4dfda23c6b4179b', class: "content" }, h("img", { key: '201ece04b7adcdc8b3a93ba215f2e422c5051ea2', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '9f2bc3844aa0cdf496b8472a2e0f601462a3d58b', class: "text" }, h("slot", { key: '7d1b8ba5da597a1f1af2c58dc4d97e7610118a2d', name: "label" }), h("slot", { key: '18e7b399ed9e907f7bcc9f7328e6bdb3eca6e7b5', name: "supporting_text" })))))),
-            h("div", { key: 'a656e0491c88ea8f983f3436c47cb33d9e5c38e8', class: `button` }, h("gb-button", { key: '3da64c257c38fe0d22387f6a0ff67bb4c16ea7a1', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'd1084013036557844c3edb7f713c09ca6303865c' }, "Mark all as read"))),
+        return (h("div", { key: '7b0bc5e9bcb2b4a28ec9e85c9cf8988af23d4d86', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '2ab4e58af7977df9382d3b1ffd8740d0b92c861b', class: `container` }, h("div", { key: '328396bb7a26a55f732b275a57928d86b294267b', class: "frame" }, h("img", { key: '3b04cb43f7704a3ad8cf06dd89f1dbc7fb436871', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '94bef6ae48350a121ee20c95a136a7ee3de9ec95', class: "empty_state" }, h("div", { key: 'a6ab788ecd479291295443a4bf15e8c97d7edebc', class: "content" }, h("img", { key: '2470477755a64f8aacc4faba22cb2e29fdfea8d3', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '9a8b943390d823d8a19adc73ff93e6370034e055', class: "text" }, h("slot", { key: '39fd08c18754d2d009e81bb8d2de5c190a495ca7', name: "label" }), h("slot", { key: 'b99ca84b3290892d5ea01ab1cb47f9fe9d54da35', name: "supporting_text" })))))),
+            h("div", { key: '9dd1bd9f24c9270e4c56fd056fcb6d35750fbae4', class: `button` }, h("gb-button", { key: '1db6f21853a388fe1de6f1b5da12604b483d9bc7', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '1640a4579b0d619be24009fe69525479968d4aae' }, "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

@@ -12,7 +12,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '98eadff7003bed884a6294100208b9376a667c8e', class: "dot_group_div" }, h("div", { key: '2f0d259ff6d04e872f291c454d8f69de64358034' })));
+        return (h("div", { key: 'b62bfa76325b3013f096c20ba17f9ea29160bea3', class: "dot_group_div" }, h("div", { key: '32c7c48b8ab778183525296483d61a52bb2cdf2b' })));
     }
 };
 GbPaginationDotGroup.style = GbPaginationDotGroupStyle0;

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

@@ -11,7 +11,7 @@ const GbPaginationDotIndicator = class {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'd0dbe2f2ea404fed987c49ea277e185ab5bd6e80', class: `dot_indicator_div 
+        return (h("div", { key: 'dc5fd339393037e4f8c74d5273c9b22eb65fead7', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

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

@@ -41,7 +41,7 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'c9563e87a4aefd61edbfacab87260f0d3e2f8268', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2e451c3feda7805e8ad60527c7578d6745974e6a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3ecda44f0d26651cc14120727d5fdb3e26c931fa' }, "Previous")), h("div", { key: 'ab706f504b21f825246da866bbea1ea3dff0a4e6', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '48a50ce4225364d65015835ef6456d8e9509a63e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '27151b0af769cb23da770c631ddaa515d55c1024', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f7eb566553c10252ba18164ea166fcafd1631e5e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '9de496f069067294b7cf142bc9d651b97fe6d329', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5205e72875f483868945882023dbeff44e02c8a6', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '16279038b4460322b22d22d064b95f30457b1a49', 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: '70da98b734be2ae2ac5047737591533510c77a96', shape: this.shape }, h("p", { key: 'e9b1e3dfc0127391505400360c053fb7f9f5612d', 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: '271371084f1209d5cebe00ec728f5bd7e435c43f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '5506a03de3139bfdfb68bbd106ac5cbda229c17c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '905ebfc567f9732e2f492920c043dfec265e654a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'a1cdc6da83d15e2356eaf154558bf84c6f67a20f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '1a79f3f84fe3803a1be027813f49839253ead403', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'db3706a84dea3f301e247a5c2281c6929817bcf7', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'bfacb23eaeb0febeea5bf4d54efee8fe44b5c4dd', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '9a81ee8e0aec9ff945f65cc82b34f3b719cc509a' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '72f5db953a012648f83b29c221320511c4b1c61f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3943798bcdf2fed7819c2272a530239e35068294' }, "Previous")), h("div", { key: 'aac38b73235957e3d46f56ebb6394e084e7675f3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '9188e615f3151b2d558e898b2ebb0f00bdd57b73', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'b26a9f70140e80da6a7c5d1b15869184e400fed3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4c16ff71e578a880b627995f0fd33da0358d1730', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3bc6b6a0aa4c46248e6444ee697061e854c973ed', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '781f94214e8ec752e658f2af1daee340d4fad23f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b0b91691dc77dd4bac5d0c5517ee6480a5cbf741', 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: 'd19f77430968f8eb79a154b855c86603966f7779', shape: this.shape }, h("p", { key: 'cffd852d03781d233746ffa6a72b3405797f2d43', 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: '3c4605bf5e142264de75e522a3d9a980722ef58d', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '6ab234c79430c8955c4793d05c5192b5ad424d60', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'fb4f9dacfeb1324fdb4a54cf860d0db71f45ca81', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '16334433c1564395031dbc05fc6c4ca4a3e215bf', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e139eac79c31340cc5aeef0a654b3a7eec16c19e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'e7319a24a45927e8222584587f5e1296aec39ee4', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '22bfc73381a6f97a9d8991d1f80eea18ad87c3cb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'c782bc1af2aab2dde7d717c706716b2bf6965ee0' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1280e531772198c8747f2f47efd71596741ec09', class: "pagination_entries" }, h("div", { key: '343d05a1ec6c533de0b1dfb1e5c559ffd87b43f7', class: "entries_text" }, h("p", { key: 'cbdf1e30bc8b874060c34c791c779f23ca9b29ec', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ec8ad2448f612e98c33d236ba24056de8f83347e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4de5ae081f2b3cac9ed61f135288365048d6f8e6', 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: 'f55a6f887176bbfbfe8f4668dcf7daa1cc0c2841', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '3404eeb2f906395f61d67e63480b01492be587e8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'b9f77a3840e330db415d5c11015feb57fc774726', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e32c86c5d7db202a9ad00a596cf7b4ae8b1a930e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '033fdd01b30db1f208cc89786896c7ccab64cb3b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '230239d12b2af9b9479f5b94a5745687f084888f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '08567bd6c68f28c418ad3ba2df90a835ff51e331', 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: '6ebc4a917c88d923dedfa14faaf880a7b5776515', shape: this.shape, state: "default" }, h("p", { key: '8150f27bd009afa74bfab5011d108b575e4c35cc', 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: '1e8e85f8e14cd6c6802ec87d605ba8b38d1863c0', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '705f5013dfe95fbb21fa687e5889a4c34815f1a3', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '69c2115d402d083e4ee7026757ff3b22c2b622d7', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'e16696544715666a74812689d8b2728de8f0332e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e3999b721d2d4a3ac041349b8cdeaf26d33eedeb', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'd9ed724db567322d1953d453f015192e7e7ba64e', slot: "page_number" }, this.totalPages))), h("div", { key: '7e1914030c96a2930a997f1c5ac61a71810336f3', class: "pagination_btns" }, h("gb-button", { key: '03f4c6d8dd684fbeac0cba218dc698108e5fbbaf', 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: '374c85f6f748d4f7b8d3d78c14576127fd2b0a3d', 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: '8ce9a89f80ee6f4214ec4538424229123a280375', class: "pagination_entries" }, h("div", { key: 'a62101f7ab0392d699b0abb2320d67f76b4ef69d', class: "entries_text" }, h("p", { key: 'b1109cd913a699264b95e81df04839722a2adfdd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2e833e2c5ce688a77cecac2c42ac03c067b02208', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '848eef39982b5bfb56013807964fc267aa6cfb60', 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: 'e0ef3ba256b5c6f25efb162749767d9c0818692e', class: "page_number_text" }, h("p", { key: '3d7b184d5885b11742435d96a938cc729ba628a2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'fc4e242a2df05a1fe6d284c5883483b3985b969a', class: "pagination_btns" }, h("gb-button", { key: '544285a276a3caa73f80d713ba728a0afdc21c4a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '455fcb5bfced7fcee2aac0cc4ba7c7e376e86f38' }, "Previous")), h("gb-button", { key: 'fb8f6176b3707620a16153756ed8db805532fdf4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f7aa90d6a2c41a40fa57218758539f5a90c296d4' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f806a461029d4447e658a8a4b784ebda7a355989', class: "pagination_btns" }, h("gb-button", { key: 'c3d2f27e1d1259e468ed8a4809eefcf9928b45e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '496f643559962d2e6413249be18ae29ba8f500ad' }, "Previous")), h("gb-button", { key: '8ac420d7bfb33e960161b4ca8ca7ed90bc83e8b9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '29c80dfa95c3816dffe3d563d76de242bc678627' }, "Next"))), h("div", { key: '395ba21839bab5d3f32753d96b61fcafeb2915cb', class: "page_number_text" }, h("p", { key: 'e5bdc53c27557ae874b4cabf286f2b3af44bc42e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'a87ba71e62a98d7e7ee182f52b8302019982cd63', class: "pagination_entries" }, h("div", { key: '5ffb3c5e897f835a583a994ae0eeca85efb5fb68', class: "entries_text" }, h("p", { key: '9cdd9bb9785cb54f328c93e8c2b3d922833cd03e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '219554ef942d3568f39648626c9a04a605963b58', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '563caa094f77dc2b1d44df9447d253488923c8e5', 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: '4d14e13b37e5b50d67f5ff8dcd91d0cc6c2c8c90', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9ca70f3330fecc9faec8476f5a676b9fd7e0b242' }, "Previous")), h("div", { key: 'ed2195edcf4e06446357d66443ce6bc1be7fe281', class: "page_number_text" }, h("p", { key: '62b9efc950827f9bf20e8291794ff12bef047e1e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'd9d98d954915a43372731364fab2804e27c8bed4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0a531139400d869ae70422e4ecc4b443a9b26fbd' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'fc19eb3aa53c3e38c94bc9fbccc7dbe8e6455550', class: "pagination_entries" }, h("div", { key: '1887ed5ffcf6e91210168e829e3bcafa587eb460', class: "entries_text" }, h("p", { key: '4407ec51170cba62993888941273bb57f686f338', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5e0e39d1f7325bc3881db661790484d2c21e23e4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'da2e3249d08714c7408273fa2c47eefad969ccb1', 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: '591d598aefb1700685e018f8d6817ae48e28f561', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd2493c2a9bdfe782dc4a5d603c786498268df945', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c15f4cea2fa5b89bae6576250efa5ef78804f54d' }, "Previous")), h("div", { key: '2b44e7ae74ed42874df7cc0133100fc89925ca7e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '5670f0f2ca546b50732679aebd575bae00a9371b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '081e5303f70fc27aa0ce5da80ec47b385248aad4' }, "1"))), h("gb-pagination-button-group-base", { key: '22a5bf99dbad33bdce3702e78a95665ee071ef32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a628a707efc8701fae053dc16ed98541e65467ec' }, "2")), h("gb-pagination-button-group-base", { key: 'e2d62d4e72420f97859777fecbe4ef3f4e302d51', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '084bf49c19b48f2caf6a02968fbcc2f57e3c6d27' }, "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: 'fa2b6b63c703a76abadbef51597511c0b8ee8975', icon: "false" }, h("p", { key: '38eb59c567e68ca1f3094573d5f113ab94f283b6' }, "...")), 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: 'f6ba85c5f188634c04392197c501e963843ae7a4', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '935fd5ed24bd65cd1d1b7adfad0782f02e4be758' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '68793d2692dbbbbb2e9a59826bf50007a04f3f09', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '151a93bb98b5a19be515d6526121ac76dd78eddb' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'feb07501ecc6dc29d1c251c7734a8cc3ed7044c7', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '14eb54a4ca221e40eb4357ed659029a117e96d72' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '8a1bb69274f0924468bdd400f32cc05458f8c72a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '852c563c76b761748ce9adfccefec0f25596d7e0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bd046d13780355c3815d27fc6bb3052fb021a48f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1b492c9f0da31b4f51d5e9c68774783474bcd155', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6e27b93df2f582347f1c26ab8cec253e347ef8ae' }, "Previous")), h("div", { key: '8ca94ed67ffd509a1768c7ed4a46e4b316ecc2da', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6eb68a4641350e5b7563c579b8064dd7f1af545c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '425ceddef982278b11d9877b9c0cf1da0d211402' }, "1"))), h("gb-pagination-button-group-base", { key: '4da3e86e282391aefc2a2b239ec6997b56cd66cc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1626af4d0f0492cbd267a5c321763392bf23a286' }, "2")), h("gb-pagination-button-group-base", { key: 'c3c41aa7651c6e5ebc1f47b48eb2742949c3562e', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c081c16dd57ffcd193c3fec754a304834a4c075b' }, "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: 'd25f2f7e479a3d90612fce853f7799067e232d24', icon: "false" }, h("p", { key: 'c86967b8fc8b6a4ed20c896cb692c539b0a72d80' }, "...")), 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: 'd4a55bf0d0b8e040031501d7ff6881ad3c80c7ea', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '7691a7f8e366b7ee2a939cb720ced8afc3b0e5a8' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '007e70d3e064418806bd37319cdc54bf2aa34a29', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'e5265d98bc382eca2a8843e65f4c654410545062' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '29eaf156eccbe3473dcffe79f2def7effe593946', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'f3fb6caa290472745ca54c9e986c88ef62cfc7bf' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'befa7254ba0c10188124af0404955f03409215da', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f36c13af704748d678d0ec6298703634eb05566f' }, "Next"))), h("div", { key: '08714f5d953bcd1e389e5e7b64ff2dcb738b7269', class: "pagination_entries" }, h("div", { key: '8f4fc19ee64b49152376418d8041d2ff24fba702', class: "entries_text" }, h("p", { key: '4b3284579a317f4d70e03fd921984d38bdc57f0a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '13eb41d065e54abca4360da9f05f55b9127d8813', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f2982db5c2de9b449725ba79fed640099c4a2955', 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: '14b50c295c1342cbd01b667ea64bc24c8158f00f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8332ed0baa812730d7c7889f06e74fc37d935899', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '812c320c30d5149e144bcb6ff53ee38fe2bcb839' }, "Previous")), h("div", { key: 'a5a339d1559cd18d51ff70aefff25814b8ba9ac7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e2df93a3d6b504d644dc2e358d4cbb558fecb3f5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f6b6507df710c9b0237295929c1a8b92cd15ce62' }, "1"))), h("gb-pagination-button-group-base", { key: '436e0f40c0fd858f69de2e8b99307baa6c9ee325', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '20ee8d21aef11ff7db980814d0478cc109564a78' }, "2")), h("gb-pagination-button-group-base", { key: '33564150c138cdf880de4875c0372658e3ba2da3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ca8f10d7b6da99e4fcf55b11e59530b16ee70d61' }, "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: 'c4edd8d0d0df2df5bf39136fd23c36d12e84e589', icon: "false" }, h("p", { key: '8b4c0d1a219d34913f4763ec39515a1227abcf28' }, "...")), 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: '7c00fd928cc4a16db4c8c2b9aa4fb915887447a3', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'fbd628c7dfb38b061d3b6d6b44f0dbd4447b3594' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '3f6fdac1a2defaca1213abba4f754e7ba8b5cd3e', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'ae45bd8639b7d8f6743eccef10d913079f101c60' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '6fa1c438fb5c683fa21143d1c431ec88ca366e1d', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'd33a328ba7687f85f162c0c39479bc3119a11c02' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '177d8968a69898605f387ef8ac412ebd8b648898', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9d83a8450650b6dcb359d5111c46ce707fc951d7' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2726aa3d3de1fb201fdc4176f112261e46cb3654', 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: '88d44ac4ccd102daf4000c2e69f4074758affa91', class: "page_number_text" }, h("p", { key: '54ff9ee8605725fdf5c2968c3d4a816a54adda8f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '25ad8d2ea84759e9007648af8e1c98faf5f9e9cc', 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: 'f33f2f10e5c0d6f754afeb7f24c85f9a73657d36', 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: '221793b8c1bcc5091a9c01ea31a123cd00d13794', class: "page_number_text" }, h("p", { key: '29e09b790ea6488bdc8f4733a0069006df68024b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '7bf402dfcb52f6c752db56cd22c3ad77d7801622', 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: 'eb152a30cb358258672951054a6072d26db92299', 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: '67f6ad8ba95a974e704132e23e409705142b6e34', class: "page_number_text" }, h("p", { key: 'c5a6c89bd6cafe23fbf09a0da553765b42b0d0ab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'cfedd664288e81184a7c23626da19a0eea8199dc', 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: '277910087f343522d66a4c9259e3567dc6bf42c6', 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: '45b2541ee376f7f561c5f11c8de7dc8b9e1a7bc4', class: "page_number_text" }, h("p", { key: '45a11d5c39e8148fb039db60e2c28fdc0a530d78', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '138fb8bee29ea920da969f3d85e525c8b2b24365', 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: '1b428fa03c71832edd96aeb1b5782b75228b5eea', 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: '832c3322218a6873f60ee52b82d84ed1dc20e964', class: "page_number_text" }, h("p", { key: '7fb663246eefc6db47dc71caa104308fb7c77099', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '3d9cc21c1055b397b49980f6c974ce941a8d5430', 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: 'deb1f2d028afd7ba3aef40f2085a0375eba31642', 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: '9743f6060b633f6b43a709f5b18e35a9ac5efd96', class: "page_number_text" }, h("p", { key: 'ba7e2c38259958e3070a28a43588482c832af916', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'f1fa09d735e86f19708d324e9a8bb1ff20976839', 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: '12011fc5b52410408897f8d57f9a48eb0544e090', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ec0e33b7fa1b45c359e46f6a579227bc4652c99', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '16116cd778332551be37aa688f5ceea258f5b2c5', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '97f91a091802f6de6dcd40800e7ed4273d9d5fdc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '68f42cb80cb5bdbcc002c9d2705cbfaf53cfb53e' }, "1"))), h("gb-pagination-button-group-base", { key: '96268eb72217ce30fe3e227c356420df9ca1b3e4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e940e9524b93e0022056177f2e8479ca26460bd9' }, "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: 'e23c216cd19ce195a6f2289d3feded7b7715feb6', icon: "false" }, h("p", { key: '6c766ce6998f5c6ac8442768359cad05a7207336' }, "...")), 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: 'c49125376f4d6b258302591104b015abe433a4c3', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '247674652330499e52caf9dc00bd8e4d795e2a01' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '3e58b10050a582d59f045f4ae27e698620184872', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'bcffe3ca2028f4cf05be66486186dc44eb3fbecc' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3052f5afcf3286af2208987b329f590a157a92b8', 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: '9d7c0990c32be067a3faa4bd15e31dcb1e41e596', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8854553ec6771e05b048ca5aadc6b00c8f81101c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fafe51a16b06adf856d92a490d5970302065f96e', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '3db14bc5b65e65849e24e0b7ca3994fc217edaa0', icon: "false", state: "active" }, h("p", { key: '81e0b09882ec9c76def54becdcc3daa624a22fd3' }, "1"))), h("gb-pagination-button-group-base", { key: '2355db6cf43d8e3822628fc5a8e704b1e286a858', icon: "false" }, h("p", { key: '307cd54bda4e447c61164f63f98865a2164df9a5' }, "2")), h("gb-pagination-button-group-base", { key: '1da9cf80450458e6d25c87b49319d655368f0d1c', icon: "false" }, h("p", { key: '0889577d11ee00e17edb783141942f41b80dd8c4' }, "...")), h("gb-pagination-button-group-base", { key: '172b2623474cdb2d9897db0f4785882e1ae4fa53', icon: "false" }, h("p", { key: 'e8f26530dd02188f7cdd24a570b4b6c27e256584' }, "9")), h("gb-pagination-button-group-base", { key: 'cd614f30cb0f479d5197935349b3f07c9c810c34', icon: "false" }, h("p", { key: '03254b790d2fe404f782f63156b50aa05880d7fb' }, "10")), h("gb-pagination-button-group-base", { key: '0003d361b66e5caf202eb29f87209fed6dfbc905', 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: '794cf6e860ed0bcd5314d52a24cd3b44bef300cc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b4a677bcdca371f84c9fa24e41f5b602bcf4816d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '889d1e63524f30aaa5b9ec43f606bd4c6c330139', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e53f280f49c3f4c2ab34fbdf85d62562f176e123', icon: "false", state: "active" }, h("p", { key: '5d216907dc8748ba77449ad16edd011a3349033d' }, "1"))), h("gb-pagination-button-group-base", { key: '520163edd314871aa06eeaa1bc13d07f2ca5ed43', icon: "false" }, h("p", { key: '3d14d000d4bf889151a45d96fdb7c8f56a1d8a77' }, "2")), h("gb-pagination-button-group-base", { key: '33b20e46a661a08d4b37a8acd2cf503d75be608b', icon: "false" }, h("p", { key: 'c1742821a2cca1d1a091191f59437bd103111df6' }, "...")), h("gb-pagination-button-group-base", { key: '1920063d42547d7378d072907343108ce0f91e4b', icon: "false" }, h("p", { key: '31468b87e819d1044471f415ed62177d739b12fe' }, "9")), h("gb-pagination-button-group-base", { key: '0a56b9813efc719219c85c77c2f9e9f3c81eb903', icon: "false" }, h("p", { key: '9c7c5131720738cc649387eb253fb556782ffefb' }, "10")), h("gb-pagination-button-group-base", { key: '50d2b13970723d0e8d88ac8a418e6000dcda4d4f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'e75bde5949c626efff9a6c4731f49c09109f2b72', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'dbe23da914cd50271355408589e09a8f9b610e5e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'f33bc761874ac8dc1449153fc9732e84da336ea5' }, "Previous")), h("div", { key: 'cbbf0cc7c475c09b3bd6d34c2180d0b6ca802154', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '6f44515861a8572d790ba30b28d44c000045500e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c9d778434847f52a92ecaa55df4620cf68e3d253', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8b5f91365e944d382e2277aaa0fc4a4e65cc5b64', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '34cfc128b1c0c42d6df9e688ea9abb4dca7f4fd2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5c7a741e7c99678452d7e159737219c15af106c3', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e008e4228ad68a7318f503f2dccc28deeea635f1', 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: '5afad563b38e2b00714f43f0d1b0357fb41e254f', shape: this.shape }, h("p", { key: '6b3aca0b58b2f57303128a144f3dc96facfb367e', 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: '71c55611145d66db7d5995989ad3f67003e7570d', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'ad14eeca348834a0e0cc935b0bbab8971cbc890d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '1b7decc2172eb8196af83689cbaf3ca7f5a1b60e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'e87c8ace797f8221b9b671daf9211d2b6e464257', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2f0c9cb6d58d28673d463d81169e9198fdce1ee6', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '7b2361dac4d2493f3f9d47ab6ccf1ac43e10b39d', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'aab5ecddb18cbf274907cce60e9d0905266f695c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '03e7e40138e8a7a845d283198de500c21dddc382' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '99a70c4ab2506aaaa3d8dadd4f5f3c63dfb53969', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '40aec1e2d73835380c476a8626856d24856d5e2c' }, "Previous")), h("div", { key: 'b28a2ae6ef38a6380d62e65fac36408544c12a8c', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '98a422febd7f4288b38ea318b5d93f661e17de0e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '1808434591a7a35150e6c34cfde6a7568148715c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '7a4379c628a3d05ad4ce276e9088f4898601c855', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd296cdbc8d811eb9b728f5d4523d569b0b60b36b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '764b5f6b51747ca9990238e07a31d1880b6dd361', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c43aaa5daeccee45a648212028fa5a8a80b6c695', 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: 'aef3dd0b1c62639b6b9c3132537aa3a6b9b80cdd', shape: this.shape }, h("p", { key: '57199dc7ce033bffbc18d52a0f2b15901354ca7a', 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: '2e63c256e20b9aa5bc45376846fe1f2b446150ce', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '4b7ce6702def7c7aa4647d40ad982fb7f024942c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '403f162b245c7017dee132820615658173a1143c', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '5809c0154473ee35b6a1cb241c60d51600727d7a', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '60153a66f9039a1c793daf690ac4c878e6506241', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'b76c8e46cd258c89fabc79e5ae4828eaf13514c2', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '83e68e04481a38bba2700138bfb85a8e1c2a6095', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '038d0dd283bdb7a0e6aee71d2fcfbf96320629b3' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '40226c28e36085e04a1f51445fb2f7e362acac5a', class: "pagination_entries" }, h("div", { key: 'af31b436230e319a51718519594a960de0ca7864', class: "entries_text" }, h("p", { key: '81401ed6a28bad5cab3460f703a1f4b9c5abc5e8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '865c6164b9d56d64c0ac9bb189782ff592746263', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '944f26e09773366cdadb44cbcc6118a3de708465', 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: '5dbd6a8b2eb620bde2e34664085a1e23bb4ab593', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '42a774e2cfb895ae53d75b2546ed0fb22021cc85', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a941ca3217b5048b944542483b584bfff7379898', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'dff7aed11dddd3a2a3a1b1068bb41887788a3924', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ed0e38012fff6ba0e73af16ac909fab399620335', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1b1e4bf4ae3701123485c8d65b5330ce4f2c96e1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7fcd95e69c0b0b194e8e6e2492c3af1e43268cb1', 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: 'cf7ba7fcb0305e1e7ee495f85383b9e4b29331f2', shape: this.shape, state: "default" }, h("p", { key: '2c588eab0997600c0c29683fc2d027b23fb296a2', 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: 'cca80ecb8676615b08d03979fef045c909bf0d5d', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'a77ec8816b69c8cde609c10ac38968095a53b235', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'ae3a45ca7c49f5ccbb73664684bf2236861bc9da', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '384f6d3d8f1ee03fed31551f553e762bcb9d9293', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'd8195af32a8ca78e4234dda0ffe2fe9e3250f2b0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'fb9ac0e09084e8dbb45aca1930d850bdc1218d31', slot: "page_number" }, this.totalPages))), h("div", { key: 'fcd2f6f21e01abc7a361e8ddb42818397fcdb8d2', class: "pagination_btns" }, h("gb-button", { key: '51616575ae98f3f8e191930ce9c0b2e479991b6e', 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: '53ec0b26038e9444f1bdb6993867324acc267c60', 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: 'afc8b10f613de675d644e1e0bfeb61c50804c57e', class: "pagination_entries" }, h("div", { key: '77e1108d5b344d7820c329bb00312723119d66b1', class: "entries_text" }, h("p", { key: 'b6cd4a7d43b89c12e8acb05d9072cda66a6f37d1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8fee091d28e75c09afabad9f96796ac2378ec59f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4300f754de08f39eb1a0d3e761674ee26812785f', 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: '83d3aa6d8e357d2216e7f5c946964cbff2702bdd', class: "page_number_text" }, h("p", { key: '39d70041cba5f53d06231b76b37a1206e2620ebc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '7d52903840fc75c2ff48d0302953d09cfe19df52', class: "pagination_btns" }, h("gb-button", { key: 'f81c1e30b609938494a7c0962784c532978e2fcf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7032b331ddb37a174167ea2ecc5aef5024312fa1' }, "Previous")), h("gb-button", { key: '455e166a93b98f046c8cccc9b05e8ee0dbdd48e2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '66bd3664ab2c9110a37b85a9eb7789e1ac0ccfd7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '61da2f4c7c66da6c707f47a04f503afc32ed10d8', class: "pagination_btns" }, h("gb-button", { key: '20e9a2fc17fa218e1d53fb733aa856a814ca88fa', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '30d2532e58684a63924a3a5e1b1f000530fcf3e4' }, "Previous")), h("gb-button", { key: '76d956539d6cfcef6198e2a4110f831990693f9d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '146a1e72b02ba50e38c2872e40d6ad159fb5bd22' }, "Next"))), h("div", { key: '150781b0d2230c4181983020a61ae29f9c93b566', class: "page_number_text" }, h("p", { key: '206ba544afb0e73ed48719607aecc4ab9e20fabe', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '076538951a3ab1b5e0bf7dc662184ff3aad61d6b', class: "pagination_entries" }, h("div", { key: 'b1d10b9b08bc3ace651ffd304759605025e13631', class: "entries_text" }, h("p", { key: '9003186f22575f3b721ce9bd908a7ce0f2fac0c4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a338369a52671e232390600c1708540301ff0688', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '335bd8dc2ddefafb5730cb0756ccfc4673c86459', 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: '885bdcc99185e8ee63b357224543fe2359712397', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b43767020ce61770a4608b3dd20d69590785bcb5' }, "Previous")), h("div", { key: 'b6086c8ebda9d34e4be6fe424783e5093d6de265', class: "page_number_text" }, h("p", { key: '74bcf7b2ebeb135594dad2176e5eb3072b8a5261', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c455b9b17ee5d22240dc5ef4bcc025a7fd136b49', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0e84b8e670832b3ba96ae84a606f377b0927ef1f' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '79ffc46fca76c0828734591051f9cea9a4fdcd64', class: "pagination_entries" }, h("div", { key: '0247033886afe1f1b03e5385436fba65cb6658e9', class: "entries_text" }, h("p", { key: '2f8f642d5f0d620b8a0f37dfa80554d7025a7a52', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f44c56637cd718af4a946547387ed99ecdd338eb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0b5483b1ff33c13be6aa843c63707db5dbf3bcdf', 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: 'c59254a763c6066d55b655774c4b124945ee4df2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'f81aca483af46255e0e9717e5190e4d8d4003f2b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '22db8bc3a21d5712a9a93ea39913cef2c2fa946b' }, "Previous")), h("div", { key: '4e9c6756d64f30f2fe8394269512cffbf9884c47', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '17c216eb3d7c72731938f37b274b494627783a01', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd6c413aea14948b0fb1a27a05e7f9a06ca056887' }, "1"))), h("gb-pagination-button-group-base", { key: 'a9b2bb7e76ea0b569e7f314a92f6bedaaf1e6e1d', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '330749fa0ba71d0626fe2026a7d50e23d28c7a53' }, "2")), h("gb-pagination-button-group-base", { key: '4baea7681d3b069a5f1652fd20eb5d6f81f2ed60', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '890c573971f894c7f66e3cbce5277fd58aef8d6e' }, "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: '31abbbdac36be2c91a25718e7deceeffeb806ea4', icon: "false" }, h("p", { key: 'c0fe94209deacf77676dcd0d22f835b4830f7395' }, "...")), 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: '7610b912df90f1e8cf53150e926010dfd7f36ff2', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '5c6f9180fd9f7cc9dc7537698801a5313d4c095b' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '6ca372a4ed6870f4dd7c66e7a46610c8fb69763f', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd07853d9b42babeed8acfc56425b51532a053103' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'c4cd3bb6e81df9f26689aa22420cebd23cc09714', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2d27a965f1113ab83e6c61ce89dd87198a4acd12' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a78b65ced7c0eff0fe6a282beef0278bfb41a9f8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bbbb03420f162b32b5ded5ac2cb3498db021662f' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '818e7319016e984f54c33e0aa5c14d60d76a279a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd4a1c487715ce42ecce4a1a6ca2f0ee2feaf04eb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '98ce772bb4d9c2f35c4683c76e05caf9eeb54d62' }, "Previous")), h("div", { key: '703e2926afb49bed413198ca97e7b710ea81ee19', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'f9467bc51456767cd93847abeab321f3b01ca2a8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'de5d2ecf88bbf4d2dffaa812b19505f4ad4fca12' }, "1"))), h("gb-pagination-button-group-base", { key: '9fe9f1efb381bf1f0ded003d040155907490c8a7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'db9feb67f4cb3e274b34842e63dfbddf1bec662a' }, "2")), h("gb-pagination-button-group-base", { key: 'b66dfd478cacc4d75c0a5d029013d1daf27c75db', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '828883dbb7a63f4381f4385f61afac5db8983a77' }, "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: 'd7f6ac7c831a203b42ae3a080271c66c72b3245a', icon: "false" }, h("p", { key: 'bfb3541990949efc3960ce8c097ac8db94d622f6' }, "...")), 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: '9d95a4ac8dbea2d70e47ad977a787fcef534da47', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'dbd25eab2d923e09be417e4498ab5ede5f03df29' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '56f172ba998cd17894abea81e51fe34f85c8b30a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'ea1f34e1c3aef63901b5c5fcfd900eb8812f03e8' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'bcf3c9838f316eaac77cdd2feba9834674c88192', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2d3dee1a8e48680a07c7a7079d05919606dde447' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'c2684f7da2ccf4935685e700347f82c33af1cf04', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '08e99ed68ae184f1480d00a198fb36f692e98e0a' }, "Next"))), h("div", { key: '5dd4d28dd560d8095b985ae4c7cb31f0d67c64ee', class: "pagination_entries" }, h("div", { key: '679afdf52bbb1ee8793cb645577629f797e77ff9', class: "entries_text" }, h("p", { key: 'e61114a3035c435721b60e859cdad286325ad2ab', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6ead80a505c3c3ae8e1eaa2bbbface8382369038', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b26b469f3c870f21e0ecb405e0d34f68e7391a8e', 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: 'e103d3b816c14404292f354cc9a8438cd8ac3ee4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '37b960f7b014d695230cd5f19eac527975dd965d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '16c66e266cfe1c7a53f97d6a0d7fa937d66fd7c4' }, "Previous")), h("div", { key: '152bea03f52805ab876b6abf4622795cb3b53aa9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'bfe1124935ccc2cae9123500a2948d97274e93bf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a50e68ead8eb26017b79826ed6c13ae4da2071a2' }, "1"))), h("gb-pagination-button-group-base", { key: 'aed0efa76cde00bcc4463740217fd60485911349', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '703995778398824d1568b19e245353e0b3be7aba' }, "2")), h("gb-pagination-button-group-base", { key: '411b524d7b7c3b4079a0f06c47bb09695e00dae4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '75884430f9cbbf9ab99171f5323b2e14284fff9e' }, "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: 'ee81336f6d9d97617744166ed53c6ecfe9705bec', icon: "false" }, h("p", { key: '3a1f12720fe6fd64869be6d8504290d6b1aacc03' }, "...")), 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: 'cbc08dfc78e5fce272c7d18ce83a626844d18256', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'a0d0a37acb5fdc18cab560c785d7cf625bd829c4' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'df886b5a3172f96e826bf70e3697dbce1cd9b8e9', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '7e82c4a07ffd0fe71d4bc972aec1aae51c4876de' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '8acb97702adacb5e1246abce85af706453b9303c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '85c1fe19d5fafe48d5045b9e64c84d749b1a1ad4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'ae00dfa6650c5cccedba6cc5246a419072005baa', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '73ccf34c079e940f26a9ecbe94baad244f747645' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '0fa56efe6da2f0ccb4ce277887f5bb288d41006d', 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: 'a69bf2672e0194f7574e0be7a37717bfa36e477f', class: "page_number_text" }, h("p", { key: '5759bfb3b0902201189f85ce065e5290d675b026', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6969ea2fa08dc88909c5b9d89762185673e5e332', 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: '7bb4ef92c5a63554137f7a406e148cb4a6bb2a8b', 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: '23f869bd1d75db8019108c3051e6e5a86d88389e', class: "page_number_text" }, h("p", { key: 'fe5a50d67b851058324d3b794939b8dd01a590ec', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '00d4c03f8716d615cec3e7d3dab6a95456216f92', 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: 'add824c6d4205d3ad02b4afe21b2ae070ff67470', 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: 'cb21689a5428d3d6b16b3e76a6609f42f78664e9', class: "page_number_text" }, h("p", { key: 'd2d4b82348e4e84e7ad6988f902c31bccb69a851', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '97b66eaa39098c43a810acffa9708da4b0b61494', 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: 'd7905034b0fefb62bdf57d99deabfcc5c91a9f74', 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: '7c9d60887f0894837715be909adbf261ee5d0227', class: "page_number_text" }, h("p", { key: '9e4911e30c1fa2ebd670b5cae3564cd961ff6a2e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c92c07c03c04932425e2483589ab68f1ef8f4142', 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: 'f85cad688eed6d3b4b554c1b8403091ce23422e6', 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: 'a3ae411ca72e0ee44c7e7e2a76c4fc2c8dfd9a1c', class: "page_number_text" }, h("p", { key: '6b965abebe97f2eae7bbe2af7222715647ece875', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'b0434a469f83c1f80ff9d3885b8e9be45cde3acf', 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: 'f097a0cf22ed4a257b8487195699f1fdde27c7d6', 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: '5e05f123bd5ba7c766bed4d55f832cf5bd559c47', class: "page_number_text" }, h("p", { key: '0a493dded20847f72f10dfe066226d6ef638939c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '64ec2d166005fc7870da2ae6765532bc8090528e', 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: 'dd23437eb45aec2172838ba9043f3040202ce606', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b1ea8af11d61e6a79cdc440c12346682f66e9402', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '09b05fb37c4d724156448973288dae31543f28e7', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '4059de319cdcce4ffbff02d5fb3ffc0ebf591547', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'fcb46d2b4cfac8189b233269439e4e53a2710631' }, "1"))), h("gb-pagination-button-group-base", { key: '37e9146652d13422b68e3071b4593aaf7d7f68f5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c928c33c6857521b3052a47c410f8eeee8c1e748' }, "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: '94278835448d924f089ef5850cec4c55725d4021', icon: "false" }, h("p", { key: '7d96a30f4c8df7950d1c82587a738f227e46fa25' }, "...")), 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: '2475f2ba99951317ce33965799d751336bab39b6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '5f61f7253292289ef592c1ee9c785ceeb6df8f06' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'cea50eaaa6ccf3c5ef2cddd1e0a039cfadc55bec', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '4dcc620a3957bcdf89c80b15376c724a908455db' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '03e9ba9011c0a2f6075e30578768eeffd3b36526', 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: 'ba3f13194fbdda26cf39159de8cb071a0c24babd', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '758588c1a5f425caa579478f8029c97d230ae110', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '3d30a2094dc660bd86a6527d4cfde312f834ad66', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'bf54be20f86f11e1b6a2252e81c99d60dc495cdf', icon: "false", state: "active" }, h("p", { key: '44531f298009f5364ffa2256d05f60c1b6c2960b' }, "1"))), h("gb-pagination-button-group-base", { key: 'a892dcf89c6b434ef9043492d4f20f0cc319d1f3', icon: "false" }, h("p", { key: '35eadbd2e7bc1507319a9d298c79bb678dcc73ab' }, "2")), h("gb-pagination-button-group-base", { key: '6ce53a37b843dcf220915e5f69ea076be9b3de36', icon: "false" }, h("p", { key: '2ce1a833f9e403a4c9bec4528a38ccb58d8335aa' }, "...")), h("gb-pagination-button-group-base", { key: 'ebc386e2b0625266c949e18e806d70ca7987764a', icon: "false" }, h("p", { key: '0fe9076f3500fdce1770ee2b2fcd349ea1dd56d6' }, "9")), h("gb-pagination-button-group-base", { key: 'f0e1ab43e24b96fbe5c721fcf8ba2b4cd8e1085e', icon: "false" }, h("p", { key: 'e8ae18208650d5e0ae3d869e87c94b775f1ec1c0' }, "10")), h("gb-pagination-button-group-base", { key: 'b37e43d801056ea881803da4cc356eadb835221d', 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: '2858d5431619e31f9d314fa7b5155c20e732fe2c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '91035ef714e92e4ed6ab1ce2ff08c99de4714afb', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9f021433ec7bc30c25cbf6d25688ac6181df5fa9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9459b590b2bdfc0b5553192cedaa35f83e4a53ce', icon: "false", state: "active" }, h("p", { key: '9241d1dfb138aca78d1ce71671d0ac65d0632408' }, "1"))), h("gb-pagination-button-group-base", { key: '71befb61669b2f803bb21f4eb4c1a18474f8ed39', icon: "false" }, h("p", { key: 'f1669242ab15452936fc2be5746599fa0cad8a02' }, "2")), h("gb-pagination-button-group-base", { key: '447af4b56148a4cdef6a0934cf2cde6d6ae3f9ea', icon: "false" }, h("p", { key: '28e61bfd12957d6ed8181f979ef8a435f24b8427' }, "...")), h("gb-pagination-button-group-base", { key: '2ab100711fa22163a98a4a45ebf78901ba8e2cab', icon: "false" }, h("p", { key: '6e9a35e5f71676e6dfa3e1d9a03e0641ab73eefc' }, "9")), h("gb-pagination-button-group-base", { key: 'd27de9556d84603e26b2080af05dd94586636e98', icon: "false" }, h("p", { key: '315701a0e6bca611e904ed33d1bcec2502afd71d' }, "10")), h("gb-pagination-button-group-base", { key: '348304776adebcb4c388e9662186b2569e95839f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = GbPaginationStyle0;

package/dist/esm/gb-progress-bar.entry.js

@@ -12,7 +12,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '8eab8a24ef6dfc0cf7e6d2e3ebfd49c9b57779b9', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '54d316a93957c5343385313279d7f025d8b12c1d', class: "progress_bar" }, h("div", { key: 'c964709591ce7b50931fbd64718c4c3ad41fa8d8', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '25d6743d93b7507c83a517809cfaef2fc0b59203', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '44ba18f40d9222693faba20173f00002431a2742', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '065427a1b412a9f8340487fe70efd24d752c3b35', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '34d2ad2576286b5aa7d63f1bdab7ab7a975c746c', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '961ae6d0f27284b5b98ce825636357bdca08adcd', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '85008c102eaf2f415526e0a6f1bd27a6ae7fa64a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2318fb652c3dcb358964ebd9dd9b8a290844eee3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '7ee1fbe3525fb85334bda795ef7e3f4eb6910228', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'ea12a061d8d176cc41fe710c01d244db6b75d6ad', class: "progress_bar" }, h("div", { key: '256c451a2d2f8742f855b75ff8550103f647a938', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '295c59bd140570a30efc0a7e08ac5c72a8b9652e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'd3588174e5f7cf97a3edbdad93bc1ae4a9ae2c6a', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a16d867966da9e9b0a6c3c415224393832968fcc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '7211b10c3deb9ea8b4b80851a93cd736699e4e14', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9187f56b0dc95ad7648250d050e3db438761a5fd', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'fd4c35cc73e6541a541b7f220a25c4ec182fe7d4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '0bf59ec3b64c305f592b7842e7f9f30cf1ae3447', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

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

@@ -35,7 +35,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (h("div", { key: '8a06b61b24c6200f095ae3fa9bf51fdfa45d9f53', class: "gauge" }, h("div", { key: '221adf7e4825bc0bbed9dd6469b10a2700d2b247', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'ad5b199338c423e1a0fce2dfb7af63863f7827e5', class: "mask" }), this.label && (h("div", { key: '9eea82fcfd76fca5eb1118f9bbdff55fc321c161', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '68f000408037f401c51f42f8950667d504b9ad92', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '135b8d16c16c6d956728619b1f3c8d12ade86a44', class: "gauge" }, h("div", { key: '36999b312a808498f2e52f803a8c1aada3089296', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '5d42b3374b1399d2df053ac6a48e94795725d785', class: "mask" }), this.label && (h("div", { key: '8f9b561bf7fe39bc5b7316c3a2e38e192be29f61', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'c22f7c5c3f1cd831f5d4d617e2bb0bc90661b989', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '0d44fae0f4510f79a1ee99f8e56487d29a8d772a', class: "scrollbar-container" }, h("div", { key: '0a6b6065c5b2a2ff24397005f24779aac9ac082d', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '6035119b2b1c09412dfcf2bdedf1b7362cba0446' }))));
+        return (h("div", { key: '1ec8eddaf160663bf63ec8060d91df0bd619f1e1', class: "scrollbar-container" }, h("div", { key: '93ac26d12c47345b3e6c240041d2041b0dba95ea', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '76cd3a7fc1e5659e925dad541d5ab4b6527865e1' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -108,7 +108,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: 'cf18b86aac3d2bdd61ed9983f82cd6ecce92ea69', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'b159390001b4a19606ff208fd6ba54e1fa97f26b', class: "pattern" }, h("img", { key: 'fdd176152bf33537eb0aed276d285ca2c0d1e0b0', src: patternSrc, alt: "" }))), h("div", { key: '8c0cf53d797caaeb2f16c5aa551bfe7a1a7989e0', class: "nav" }, h("div", { key: 'bc963c7ffe6ef705cfe63bbd9432ac56f579518b', class: `sidebar_header ${this.state}` }, h("div", { key: '76fa4f48e6c8449fed687215d67a7d0474a5ea3c', 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: '1b9000e6f006eea7b7f280e25c51e42594160ef7', src: logoSrc, alt: "" })), h("div", { key: '612f384ca59de54fdc09ccbd9ac812b9db1b5185', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'bec7a16054f2cefbaad36cea91a9d12ad2b8bb41', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e0a33c4f26945012baad189843e226ea97815878', class: "navigation" }, h("div", { key: 'ed6f685db9f8b0b10dcd891a12e0f50ef44c49b7', class: "item" }, h("gb-simple-side-bar-item", { key: 'a9ec593aae9b46e7a095c707ce8cd6cab57e46d7', 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: 'd3044c5616f595e5c8e265a9c9684d336899321b', 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: '02569ebab9caf9c680cc0a033ec217062bc8c080', 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: 'a4beafabd39f8594fb98f7ca28a540c4d40d3ee6', 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: '1b8d185217fe565b4670419fb5524deb17a01214', 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: '41aa271b096a00fdd48f892185d776a609b772f5', class: "navigation" }, h("div", { key: '8196c97c76bc4c63eccc80814e5789838cd8b44e', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'cf81f9e6f2610b91b181ba075d9c5fe99f51fb98', 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: '4a3e59e41801d8d6d7a4151e6a849c38d239394e', 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: '6e330e16e9cdb029912fc63314f1d56ad8b12157', 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: '8d59cdb063e2f1a2cf3e31e72550a89d5576667f', 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: '2d97869720038918c468625f1af4dea27590d21f', 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: '1425862575a4c0317d5a894f9e5e80179461984c', class: "application_name" }, h("div", { key: 'f38cfe9a84c3809173a3fcfb58f447196f105826', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7e47c3b1d36a584577fcaf605f49da79c83983de', class: "application_name_pattern" }, h("img", { key: 'e8e45dbb4248112105054cedb42eda4d95ccc5a2', src: patternSrc, alt: "" }))), h("div", { key: 'b6d211f795aa3c74bdaf9cba7faf588c485308dd', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '9ee7038a1fc06ce73766bc135e28fd2dabb9a4df', class: textClass }, h("slot", { key: '4b1f0e6a98eb54b2d8f08a296a5bc776636a889b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '09b5e9234103686ca58a80e088d2afc44bd6499f', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'e390c4c52aca6e69899eab222f7214cf4fffa2ee', class: "nav_div" }, h("div", { key: '3bbe36ab048664cedf37093290c0964d07b8add5', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '799d1fec16db481da0b80960e024268953024b70', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'c555a2578562121978197200f333650e632b6630', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f2832a2ce76546cb32bba314612ebb722619a0a7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c75650371795fa0dc010c48b9d248109811b179b', class: "complex_sidebar_div" }, h("div", { key: 'e78ce5cccf40523b318202f4df7fa99c3aa0e142', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '005b9f3817f09f2de0bb71fac4960a1f40021408', class: "pattern" }, h("img", { key: '9c86c0dc12f5c78c8c4e904fbbc49d79b43be368', src: patternSrc, alt: "" }))), h("div", { key: 'b0d61bb3cede079b6352236cc22dd30a4c334862', 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: '7799d396e9373e614a075c8dc90ea2d1297d2333', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e97f276966da1731136b00e0917988e817e16557', 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: '80c52632d3ed1a5fd869d57f1a19e3f0d356c173', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'efe12a8fba6af426c5d2a3fafc6ea1ccee64f8fc', class: "pattern" }, h("img", { key: 'a42704b8ff5fcb89be1dcac9151b1e9b8b3900f0', src: patternSrc, alt: "" }))), h("div", { key: '910c1f707b38d44af172815379ef1866dee44dfc', class: "nav" }, h("div", { key: 'ad8fc9c2abeaab6c4d43c7cea65238cebdfa940f', class: `sidebar_header ${this.state}` }, h("div", { key: 'd50727974b3da32b08397244ff1700afd73f9e0b', 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: 'd3b10d0526e3d4e640c118ba49fc3cd44991d256', src: logoSrc, alt: "" })), h("div", { key: '7bc43d6e621a8f9128d6b53ea8e5e02d8b44d1c3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '46452ddbfd93df4d2e7348d0cc1771ed5828e7de', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '799f32c2cb578400593db33b4b9c810617f832b4', class: "navigation" }, h("div", { key: 'd616720b939a80989834354d197de9fe795aefd5', class: "item" }, h("gb-simple-side-bar-item", { key: '12d76cf7d2bd0f85d3a884c066ef3a97a300a5f7', 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: '28986f5247c74fa35e3013e590080575fdb6f718', 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: '8162c9a3753ef3053b549d6dd319a027b5d5e9f2', 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: '176ce165ffc75922ce4be924a8041d75e5843fcc', 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: 'd2598f32f1beda5748bbd07ec13381c5d9a93316', 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: 'e524938680d9c7d6ae2f2caa39e8c263ff70b2d1', class: "navigation" }, h("div", { key: '96fe61e633c3099e358916cee103ec652a33a2ad', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '1354db6418653d07c5544ae09069a3570a0cb685', 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: 'cf6133b8d39ce3ede3aff06c312c5e3671842b6b', 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: '819a24e11da1536f1824d58d2593b9baf24ef111', 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: 'c962055a75396eb88e4486680808e44ed37d3c56', 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: 'e7bb7b306bf0dd5d6cedf9f9513f4f903733eee6', 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: 'c5607ef82d0eeb4d6238ac72aaa0295df9a0641d', class: "application_name" }, h("div", { key: '4ae954c62dbc1c0cd7e584b3b0bd81863e327341', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '1c30d2bf09575d03c4d2c020d33ccdfc256b944d', class: "application_name_pattern" }, h("img", { key: 'ba3b631c19ebfbe0b40566acc311fc063d494720', src: patternSrc, alt: "" }))), h("div", { key: 'd9b5b9bf8b3b7cbce52e131e6a998aaaf1687c9f', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'a60946b2e3de107bd917e702344caf29dc189cc4', class: textClass }, h("slot", { key: '0ed6522cfd59f0622cc4d21500c54931d20be24e', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'fbf83f2251f1778b393b3caeab78628e01c1bf5a', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'daad83eb25cc8f573c938d3426adaa7cfc10b121', class: "nav_div" }, h("div", { key: '8c3d4401941aa009f1342953d97773528df53e13', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '1eba2347de1614f0e787edcaf796d4e8904bddd8', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '603b68810786a20db4b1874ecb70d3eb2c990243', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '27d349b8330d1901eb0744d0177f985f1f744395', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '08a8472c850eb291ce3dc0a62a744ad34aa62bed', class: "complex_sidebar_div" }, h("div", { key: 'ecc43c883ae51f1737dac98c5dbf29d93b6f4d95', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '1d22709bec4e84594fc44efc70c51f49ead9d170', class: "pattern" }, h("img", { key: 'e19cd5b6f786a5838b958ff9fd1485a4a158ed07', src: patternSrc, alt: "" }))), h("div", { key: '9c9329832f805f81a13e8e499486aca6832e05ae', 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: '740a4bc272e9816734a737eacf34c7a0518ae217', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'db2aceea8275a05c698bb6c895461354ca768d1c', 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

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '200476fdec4134dbbbd77ab89b849752ee922b86', 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: '1dabb0700fad0a6f69789d906f5efe4f9fc4f798', class: "tooltip-container" }, h("gb-tooltip", { key: '3c7e637178a3d7096c4589b39ac400b4d0cd8962', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '02f54d9aa6769acaa597a336d362e1a936aada45', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '527152fe62ba1449b7c65c8c6369b54404826995', class: "thumb-label" }, h("p", { key: '92b1e4ba3b10fe3724979e01f9c074fea0a26b72', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '22d2bcd52741f9712c093f9dd65d28160add85ca', 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: '46e758290b4024fe94cabe2f971034ddc608e104', class: "tooltip-container" }, h("gb-tooltip", { key: '66ab05226bf8d5189461fc347647c0b8108c469f', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'b63ca6ba39dc1921e09da850583fdc9c38df1eb5', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'e434c94b36c6768f7612ebb5491648dd9c3d18db', class: "thumb-label" }, h("p", { key: 'e20954f888bb8d1a2432b78b2be99400c1a984d7', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -81,7 +81,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '6a9ee8822e7dc92e6af958af108d249143ef6003', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'f3898996c586389b35fcd729dedbee446141ae68', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '4fcca9decbab1408cc90a547bb0e43020f4eba4a', 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: '3d62e7f550a22ca8ca964f2149b99cd7443c2f89', 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: 'd47c7ff49fe94f0a71454dfa4c8ae0bf52cbf0fe', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '914d05fd07cdabb6f0cb8cc5e212c6aa33abf1e8', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bee5f03f98e5e8a0bf3802b7791f15b127627888', 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: 'b16043af5a026e079b88f592778a835074053734', 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

@@ -40,7 +40,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'f7888931aea6b252c0999833596fbcb997a719c7', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '4e726f8a7854ab73b8cd26c1cac98620dee0e85c', 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: '8fc70afa0b2d7f25ed53cda88a9c05bf703e2aed', 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: '4bba9fc06209bfcf9234ebe5fa90a91a98b6646f', 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: '5e2fea7aa28e26e20ee55a6f512d78fd6e518f81', 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: '8073d853d3f99ca14c90b720f171d16af4301992', 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: '8b64e697bcbfe5052764bd0c4d7d9f1d043af28b', 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: 'c904fe3706ac29864ee513b23b37fece87022910', 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: '4f456ca6d429867859f9cab6ebb94de685f2e444', 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: '40b7ffc2c976f7acaa461a4e6a707b69688c37d9', 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: '2abfff65842f33f714ca50a325597f8caf5770b5', 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: '8204f0d5ddb0b958d3eb9abe238c4098cc3be12a', 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: 'd991e0582a928606623ee04e1984fa4b6f856037', 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: 'c9f8cc4cdbec49010e74d09b71bcf9f4ba52d23d', 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: 'a8a95b75140cf8796479309a9523fb86831b99aa', 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: 'c3cc971cc959205a2155fed6f1a690b46abbc42c', 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: '6ad265b1db80eb0e6a4b3636906c177028e9e9a9', 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: 'c6b88b2ffa31ba5f6a0dbd02ef9cbd2aecc2d93b', 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: 'f12487cbb56bc3da488c3ea4779f5256236aba17', 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: '756026837b41ff539d56e9279f27cfc2fe120b6f', 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: 'd19094d20e56a3af635b02ae51dcf54f6a1a801d', 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: '1415df90fdf1317b363ccfd430d2c4c2a5ab7a74', 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: 'd65dfc9f42790b3674275ec35f070ee1b3081301', 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: '15fb9bf017b8ec56ed02ed43d98be3798c2f6346', 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: '4fddbfb8606227a15e3abf3a0e9d1264c81fe215', 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: 'cf2a68485640f9459a4a6cb845ea4bdf1a2edbf9', 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: '63746aa6356f70cec5abe975018a10dec14e0c4a', 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: '6904cee5d96f76470eac3931f7c029cd7c69e40c', 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: 'deca1cdb12ab6796878abbd84b73cd62dd390b2a', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '616c7bb95dba97b30add8142292f57c5d645d8f6', 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: 'b8f5f355e5bcdcb7f61cd964e1eeed6f310c8295', 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: '10375c99cd5bb7f87ca1a716f1c3a4c1d5a1cd5a', 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: '07be9d55e4ff42f8e18e5f07718fda7021904b7a', 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: '40b303096aafc92a3e2bb33d4d1c374865725b4b', 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: '8ff3d04d4fdf7d3ec58ea76e9d90fe2810ff5d9a', 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: '129ab42320b17d7254705ad4c94dc66cf1fc1022', 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: 'f3a3715c6a497e5c1ed26f19f65837d6dcb49880', 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: '9e03ed45babac4e6f68a901160068f1c67196d5c', 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: 'ca624108a6a018bf315bc06545b81cf4c3f05301', 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: '3bbf48b9fe15fe9752b4bc98ea7d6c4059128e82', 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: 'ced75c34d0ed1a505649285f8d049967f0a32ead', 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: '1aa05150a3b5e6e8b2ac3c3c3d54ad87dbe654c2', 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: '8ef1e10315136028d10905b98678d3f4940ef463', 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: 'ddea10c80db0f1057b38d1da39e5f92548aea43f', 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: '3cd72339bb5ebc65097ec6cd32731de3e0fc7c38', 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: 'fb8316a8bd568909422d364f504611b51dcbac81', 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: 'fe39110d983849349e912732159d0dd34391a47e', 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: '3356c1a46f2966e18a526f6181b1c45f4c89a238', 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: 'df4e0500e8baffca6654c114c942aac43fd80b15', 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: '10d9b347215572722d21b8750989c7139b74dfa6', 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: '2c8a9506b13d8800f51a4519847d5a4d9a22ee3f', 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: 'f7eecf000a9fac197322f0c5928a1ff08d50a054', 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: '806b9c1fa3762070e2cc552e4e8e2f314372eaf8', 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: 'bc9439fbe47ffcc8fb756a176c76187a88a46c7a', 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: '782ef1491685302f86c1dbf84b2cae58aa63be66', 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: 'd3a2eeaace35cb227bd5251873d3b56250f62312', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;

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

@@ -49,17 +49,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '212680d51fd728f76e224eb7133d2816b764a77a', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'b80d841d301dc61222bec80873c74d414e4cb7cd', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '467362461b1f7d2cd5d6b24d188c4c486c7d7f5e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'f94403a8e43c6bc41b034a4c431b598faed3c4c2', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '0420f5cf4632be1d1066d377082fb5ff3375c967', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '8ea1efcec748850ae3e724a721eacdc4f88920a1', 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: '68c552c47f5fa8cb84877eed548ce7a9c04bcc3d', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'c5f954d37b632b3e74531808568cdc12db7d43f0', name: "count" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'acea79b4db8a8d3eca076e2b2165e59a3166ab07', class: "table_cell_div" }));
+        return (h("div", { key: '52e1d87e3862c7852060d6d876f382d9f524a30a', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

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

@@ -193,14 +193,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '4bf395e0ae02e58a24935b052228d750a2136ad3', class: "textarea_container" }, h("div", { key: 'eefbd259a1302bb23839b0185c5e8855b0aea680', class: "input_with_label" }, this.showLabel && h("p", { key: '1d9565f4cc0bca7a1670d1652b9cd8600e3c83e9', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3192a486c7256e5fa8338fde2544ff5058656f03', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '322c90248afd0d4fa9d259bf9b41236ef6c64626', class: "textarea_tags" }, h("div", { key: 'bdf076d38b6cb6cde2ec1384fb897b2cd46ff8d9', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '22d227d9158ef0c7eb8cec9b823daf762d8554b6', 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: '8168c36d357075520669c573f857ca689dead26f', class: "textarea_container" }, h("div", { key: 'f09d31545d7357cdcc661acc2f3d5bbbd5ab70ef', class: "input_with_label" }, this.showLabel && h("p", { key: '3c413a08b8336facb20a93b9987de04e44c2f5ed', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '09fe2ce5bd134e578bf0910ddfcd8791a000ff62', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '06410d96738d16dd530acb5d166cb22de03dec13', class: "textarea_tags" }, h("div", { key: 'b5a95edee27375f48185f3ddd6f84bc91dbb26fb', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '9122e9aa50b9247af00557232126becd41c214dd', 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: '8d4bb372f52a3f7729c5ae1dbe4fcc1753155178', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'd08b7bbc3bf85c362a7c664f978738043898aa74', class: "input_field" }, h("input", { key: 'ff2034d8400a82a526eee7ceb836d8535bdbf152', 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: '3bd8854c1ffe2fd9feb55fef07cff3b39a4f5808', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'd26d6a39337fcc08f0ad5c409156f7191559e104', class: "input_field" }, h("input", { key: '774dac2b79fca078a3e6837ad87593c141e79dd0', 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: '804f903898e3b1c35e4b9f3cf9e12faa08b91e4a', class: "help_icon" }, h("svg", { key: 'bc512397474541213216242a145fb7e58697b784', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '807436289cdda9bc15065e3608f7f9decee2aac0', 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: '10ab31a73bab8227772b5c9e758a695b8cb8d0f5', 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: '7d60afc8f8be4f071fc1b605c660b46c52b6e757', class: "help_icon" }, h("svg", { key: 'f88c949cbbba964caf24f5506ceb41db3ab56420', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '6819c2e3b219f0cc54f68de8a0dde0a0339a7f8b', 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: '1dc5ea7990393c451a7dbc86fb676613a3eee9c7', 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: '0b21e0fd61d12cee4417a174a9061b3e9cd16310', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '3d1c337896cd676393c16506f67993e326422802', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-toggle-base.entry.js

@@ -19,8 +19,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: '4def403ae7d36e7fea09a9b0ee682d0f5cacd657', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '6bcfd97d089a26bedac959bc8d695b21dcb9f7c3', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '44747c6bbea5a8c698074171d885b275517ed4be', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '1bd2b5811929a2f484dec0f8db737a862aa3c6d8', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

package/dist/esm/gb-toggle.entry.js

@@ -41,7 +41,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (h("div", { key: '2e3fadfe805bb5fb94bc4287ad7b10d6b6dbbf5d', class: `toggle_div ${this.size}` }, h("div", { key: '887711b129e9c4146c8c10a78a665beb5ae7471f', class: "toggle_base" }, h("gb-toggle-base", { key: 'd537a29ef05abde2edef3fb1c2f8c6153db45410', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '7ffa856f9d178c93ad006b4a8b775e7887c3c3f1', class: "text" }, h("slot", { key: '736e00bf77a28ae4c2f764b301c92c69f1f83e54', name: "main_text" }), this.supportingText && (h("slot", { key: '950338f040185c59e2083948928c8071f97cde2a', name: "supporting_text" }))))));
+        return (h("div", { key: 'bb774758a9c9f722743f399af076bc75da6ca4fc', class: `toggle_div ${this.size}` }, h("div", { key: 'aea4fc951b526ad038a713f52fbc83b99fe28787', class: "toggle_base" }, h("gb-toggle-base", { key: '02e6d64f5e78028e19d5613df4b24b0bfeef8251', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: 'a6ec0f5777b38597c88267f9df4bea09a04256c2', class: "text" }, h("slot", { key: 'df258c8a422cd1100f99af1a0cd82d4f6a33c150', name: "main_text" }), this.supportingText && (h("slot", { key: '461870d9e952fa22594ed76183534213e6cb824d', name: "supporting_text" }))))));
     }
     get el() { return getElement(this); }
 };