npm - globuswebcomponents - Versions diffs - 2.6.16 → 2.6.18 - Mend

globuswebcomponents 2.6.16 → 2.6.18

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

Files changed (482) hide show

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

@@ -182,7 +182,7 @@ export class GbNavBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '1be843a96012e7503e5b9af75525604ace2f0089', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: '597e92cf409577929bd1ff7fc4bb729a4b3bf7a4', class: "pattern" }, h("img", { key: '2f03be60aaa88e8cc71a629c46abf2950fd6ce3d', src: patternSrc, alt: "" }))), h("div", { key: '8761faaf47903763dcf840084140d12a2399ffe5', class: "top_bar_content" }, h("div", { key: '6c3b44afb1dd8922dcd3be8b9670650315cdf74f', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: 'd7263e87c00d51f3a51a0520d87452ba1203bad2', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '3a5ac18049ad71c5d239855cde0f21bfd623308c', class: "more" }, h("gb-nav-bar-item", { key: '98d0317c58fe47e144396155d656ed40595b6b09', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: '5750713ca811e2a179b3accafca64787bbf883f4', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
+        return (h("div", { key: '9f1ef316a6c9ec042d728838462b40ff7bcc4bd8', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: 'b95dda447cb38014b87a11d10bdcfe138ecdb323', class: "pattern" }, h("img", { key: '4984b748b48f4168175a915d9bb4029d9fcd1a1e', src: patternSrc, alt: "" }))), h("div", { key: 'f79eafc82f5d965b21528ce39e63b6c95a253811', class: "top_bar_content" }, h("div", { key: '6cd405c0b063023d15717c284a5cf428f1872fdb', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: '7a514fe7ed2bc686a51631214a023d3dd4342c61', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '2a4cc44fa694b5575cf51bbef136ebdc0086563d', class: "more" }, h("gb-nav-bar-item", { key: '0d886ba6d3f7a98433fa9bd2f1ff2c2f9284b8bf', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: '34fca31e2ecb8fecf196418632dfca57caefd97a', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
     }
     static get is() { return "gb-nav-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class GbNavBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'd58184982a85799fbaad93c0e59d03220685aa29', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e71d81ab53ba8006e4758e503cbfa7bed6de961e', class: `top_bar_content` }, this.icon && h("div", { key: '3d62c58bc770103ae3c3f675ea9acec2fecd2c16', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: 'a160d0c1518c6cfb17e830c52cc4c9f20e630874', class: "label" }, h("p", { key: 'abee3223fa2e3ac9bbe01cc121ce94d412b8e2b0', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: 'b90512ac81ce1f90bf3dae1d2c70cc1ac0dfdc0c', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'f536e4bcd75097651a57a4640923de2481c6310c', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '197db73b92f1e192ce13b9d8309ac2ff0a183af8', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '965cb95723afaae99113dcecb8bce3acb1628baa', slot: "label" }, this.label)))));
+        return (h("div", { key: '7b4e3cbe8699cc0dee51f00142696973a29749dc', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '43499d2a200fd7dcdf48a1f8d35d2e0af330f5d3', class: `top_bar_content` }, this.icon && h("div", { key: '2aa76c8e6a157e2f990f045943167a7294721789', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '0cf896f39bdbbe846fb83f21480db476e51f335e', class: "label" }, h("p", { key: '71f4624fb347c005df0e64bca10c8cbbac798df3', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '36d10e5121e9ed8bf16e8cbe4f880ad3c7150e6b', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '41cd86fb5ae38e59c1fe2234a4f40660e8707363', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '3a177a815df373dd35df9abd5ba3fbc04d5f4aea', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '3a2917f59f63492befd295696741c110fe2ffe9e', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-nav-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,7 +60,7 @@ export class GbNavBarSidemenu {
         //     </div>
         //   </div>
         // );
-        return (h("div", { key: '9a7a1ad564606b58f95301de6e95390a08e25d87', class: "nav_bar_wrapper" }, h("gb-vertical-tabs", { key: 'dc460dc5e5d8f461bd15a51ce1f2903853318e1b', class: "vertical_tabs", size: "sm", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) }), h("div", { key: 'c8bf806d044006e9b7e90092e6162f9aa564fd11', class: "wrapper" }, h("div", { key: 'af0369255a7dad5ebd4be3e7f868b634a709a702', class: "wrapper_pattern" }, h("img", { key: '869a7c484a864d4b03e5fb93cdbafb1ca16585b8', src: patternSrc, alt: "" })), h("div", { key: 'e0eb49f7c5cea2080dc388f2ac2e6a1de24c2e7b', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("slot", { key: 'd1eaf4af615cb33d4c483cc80b180ec57cfebac5', name: "application_name" }))));
+        return (h("div", { key: 'b084afab340926dbe9485a83f8a969eb27b78819', class: "nav_bar_wrapper" }, h("gb-vertical-tabs", { key: '15a2b6a5c65ee5785e7e965e6ce5a3e7072aa849', class: "vertical_tabs", size: "sm", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) }), h("div", { key: '7846f3ebc02ae96218a2038ef413231c0ac316e4', class: "wrapper" }, h("div", { key: '1a72ff1395d5f881603699fb8ba372b3d1362da8', class: "wrapper_pattern" }, h("img", { key: '4973bc921d2bfbfd4a6b7e2267a72445a639f13f', src: patternSrc, alt: "" })), h("div", { key: 'eeded2a6fb9c6fa68f6c9e866fb5c0120705e0a4', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("slot", { key: 'd16c1387ec414eb64f633ace1ebdadb36b4f0b54', name: "application_name" }))));
     }
     static get is() { return "gb-nav-bar-sidemenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'c8ebcda157752bea696794a6d0382aab9d8b26fa', class: "notification_container" }, h("div", { key: '18982b565671392758abae3a854cee0b67f21425', class: "notification_title" }, this.icon && (h("div", { key: '55fbc385d64c5541af31f719810a7c3a2237ee45', class: "icon" }, h("img", { key: 'b3282eee3c23c0b4c7feda0c58e612091775fe9c', src: iconSrc, alt: "Icon" }))), h("label", { key: '88031088fef4c3c6d4ea08c10b39e8fe86598ff0' }, this.label), h("span", { key: '8690f65e9e2d5b749a5bfa6c7c8a261f58815c6c', class: "time" }, this.time)), h("div", { key: 'db37ccd6da92f8ab4dd09b65bbaf6133c9f4c3e3', class: "supporting_text" }, h("p", { key: 'a9fad532eb3bb27cdbbfe40c89f503fc72d35402', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: 'fc8dfbab82798bc14df8b1ec523f29b183d66480', class: "notification_container" }, h("div", { key: '55f7f74b0623dd423b1a960a17f4c7fdf2df5f64', class: "notification_title" }, this.icon && (h("div", { key: '5e6ce243623c038a29b2ac4d5ec88022de304229', class: "icon" }, h("img", { key: '62f9534172f699356ab6f25c31a7930da7fd8730', src: iconSrc, alt: "Icon" }))), h("label", { key: 'ab4ff8849fb2def13a875f1f4b22c941c0ccd729' }, this.label), h("span", { key: 'a675fb41a897b76c3c9374f3deb31f5aa98ec604', class: "time" }, this.time)), h("div", { key: 'e9443e557132a395efb6f7ff9d2a3b6e667eb1fa', class: "supporting_text" }, h("p", { key: '2cec8f58a7309255f3b1c47d70ef4cd00eb85ef3', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,9 +50,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'd0189656d171228d5cf80a85c6f68772caae7de6', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'd5cfcf735e2887c6bb18be6c135d183f9865355c', class: `container` }, h("div", { key: '9c672190f6ec5794b244b466541b9ff7a2f151bb', class: "frame" }, h("img", { key: '998104ff6dac118251c658ae90be83c738b50a01', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'd940772b9ef6196adfc76e5871ea9810e7c030b1', class: "empty_state" }, h("div", { key: '585c664afbde4df83f4df5cdf690e57f2ac1275c', class: "content" }, h("img", { key: '6832859848370b89ae646c5aa177a205289341a0', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: 'aeeab29e81c88e309ebd11f93c885188d1b00b69', class: "text" }, h("slot", { key: 'e2aa36a7907db4323a1a23f232251c0b8b6d6564', name: "label" }), h("slot", { key: 'c34d0be4818fb7be2b7c7a7e59b7f4e230232a22', name: "supporting_text" })))))),
-            h("div", { key: '0ad178cd69fc6b0e3176c25502c8071bf18df0e8', class: `button` }, h("gb-button", { key: 'c3ffe1c548bc42a4ce27f9a72ab220b6bcc57336', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'c448bdaed728290b0a12c70076c21a1a2f39df11' }, "Mark all as read"))),
+        return (h("div", { key: '164263bbddcd2ad2352464fed75cf14e81526266', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '5f57d9b8cb6727c72549cf0a2c8efaaac00379cf', class: `container` }, h("div", { key: '35482c2435c511dac29c89c5cc92f33679b691c5', class: "frame" }, h("img", { key: 'e4e2a535d10f22ff9d7fdffec7ed0024b0986e96', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '4ebce6f39617afde871f3b6d3e4f4493a98a0808', class: "empty_state" }, h("div", { key: '0fde6ec90b7fc0ba79a9d6a115a2e6a0a5c84a80', class: "content" }, h("img", { key: '3de09d99fc7757ea6e219f56d943c3742da3c7b7', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '2b9d5042aee1fbf192b9a8b320a8c5410aefdb5b', class: "text" }, h("slot", { key: 'a1e51e9a3f89f7e85631e37261733899de6c2fc9', name: "label" }), h("slot", { key: 'c9bd2a9484eec7f94a4a3b29838ae4a6bcedf229', name: "supporting_text" })))))),
+            h("div", { key: '750cb24cba6821c8f21ebcebfe06bf23645902f1', class: `button` }, h("gb-button", { key: '71a58dbf0ce82dc690a6f1754dd34cc7067646c0', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '578c099ab93cce899d5281bd369714c4a3699b31' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'bbebd2bb77ec31a53f62a3e2789c913ed587ead7', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '21b91e4325fa14b7ff76eda0549622692b66167b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c0be1ae411bf505d288678fcf252e1931485a5a9' }, "Previous")), h("div", { key: 'cac877796da504cf1230cfb2511c1588c6c8b14c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0c7e2d7ad2cc12632a92a0a1e122331075f5dfa5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '13e56f85ab2353a6637e436c830e9807ddfa94e5', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '495ecd62bb24e85a541ec673e644a6daee2cef9a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '29e22232afbeb2b00ef19445cb1f5030e58afc42', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '3053370cadaa35bb24a2e9af80aac0016ac46300', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b27e38b8a96d80c9db17cd0e1a73d18551fe05b1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '02df05966f6e4d4e7f484456095e7d4c1f82e191', shape: this.shape }, h("p", { key: '94dbe06913ec76d22e538d31f92ef49e94ae5256', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd6bbb90e4aa970d943aa077b686a4621aebab199', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b7606c4c2ec01507866dd73969ad983227af7595', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0cee302972cad2b91fb0fd42011e3b44e9d656e8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '27e0c5748f660c5e2194ba1c0c8711285910c50a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'db2202117db7817ea1a9c148cd4130a6be357ade', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '49f947c831e099a65a901c9a20af9d3259fea8d6', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'b3672dcc9f8a1c130c6a89ca027b7bec1b6eb772', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f4ace3bf3b88dd44e40ea6329d1f76eecef9f95e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c8f573b5592fd1e67fbfd0c56ab3977e58ba209e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4da2f7ac70b6d960870321d7f79af96f49adbb87' }, "Previous")), h("div", { key: '300ae942f8f79f87d287133feda3fe1bb884527b', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'fc1250d508a612ecb2bacff0497437157a00cb32', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '286ab335fb370268c61fc36037c31ab82aebb09c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '9ad03ee735b09b53d62b31243daddc5a8d51b99b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a84b5449ef4ed22c51f4ce7cadf9b377d02246c6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ac34d2989c77e73a373cc32cc8dd543bcc360bc1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e359c752c597103854342c7d80b96b88e9df6088', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3de2efe4d68abbe25d6861815aee26f36d723558', shape: this.shape }, h("p", { key: 'eea2e5bf50494b4539fd547b73ce2e39e2a551cc', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9a8704f713c1a209ac7e861705b57f0fdc788bb2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '03972b52e7873c387de14b6988d77da24f34925a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '4637311192b03785467f06e4846b243a86ecbddd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'bede605e55b3e08fa1bd94094e7562cf283e1625', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '1962fd964fdab02ed6becb4b7b9acc434bc02d37', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '1fe7422f295492e1dca473145b9c283f282df55e', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '56a75f493d2d07527303eecbc32d3db806c0d39e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b1b6ebe9739c7fde825f856fc352a75286303de3' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '955af7ff20d5647f1ef6334fc752b6ca2f8f9e74', class: "pagination_entries" }, h("div", { key: '0836796d0e4911920109167afe8dc03bcd5b0080', class: "entries_text" }, h("p", { key: 'bf7459b88a4caa9bd1a5a04b7bfdaf32c153e4b8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '63070c74a58ff2a8b5d2312d11cab137ce151534', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4c1af966662f0855b538e0b2dca912a9530b4749', 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: '21a3920a348ca6b31e1a5c282d8a8ff1d3c0e5e2', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '5fdfce638ff99ed6b48d9461ace06f423815341e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0dbe31486cc516679182bfc812645dc90ea21740', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '42071c226ba2d9f88599f5c40386b725a0e6798e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4a71e3e526397cf018073b0be008674dbe7b81f6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ae61d0372e76b6d356f3ecca795dcb3df5b4c0a0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '5d901039b10ee372c1fcdb9f5a7729cd51bdc1c6', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3048427a0eb3e8bc47f85d2755e14b62958cee8e', shape: this.shape, state: "default" }, h("p", { key: '1edc4bd49169dddf505be544fdea14ead05c1d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b868738b38e4f7a66b52e25970ff61af2a8001d4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9b91cdc454317a6aa75532073e4743e0cebd9548', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '792954c5264d2cf86912a88ac9684fced048f02f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '89227f1c1558964cad0f4466f988a8d32d406885', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '38c27c63f30673cdc049e067376300cfd6fcda2e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dc49a41d32db4f5038f583d5671460e59dae8ffe', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '334a084464395d8e1158359242957cdacec08c45', class: "pagination_btns" }, h("gb-button", { key: 'a126d5f631e5156adbc98b1e864d9c1a9246a759', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'fdc5e39a7e439d40ed53e50329ae8bd258c6c90a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '50b549c6facb4f11694937bfe1e372453d522deb', class: "pagination_entries" }, h("div", { key: 'ed28978ca370fd942b1aa7fb32871227f16263e0', class: "entries_text" }, h("p", { key: 'a4a9e491e73b683c853e513663dbee606c6bb100', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1254fe71c0e715930396462a598425fd2ef22ba7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8316e0497869e1e91422215c35bad8f4a1f87ca1', 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: '4bdd33b35551478c93981745a0e6168bc116ecec', class: "page_number_text" }, h("p", { key: 'd1b5e357b2c53482d258fb8ecfa2ad3136d0d68a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '359de1ac0cf2d41d33d82d3e1da8f1e130550a00', class: "pagination_btns" }, h("gb-button", { key: '7f2a41a530d930f427c9ff8fff84516a852c4fc4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd08375a28b9ec86061a8cd170eacf65fa4b39883' }, "Previous")), h("gb-button", { key: 'f0bb4c06a778a839d44fff5eb218d2e1fbcd0f6a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c20b199593ab0ed505760c08a0a0577709e5f34c' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ab9c2626bff43c396a3586a271e8d760089c2340', class: "pagination_btns" }, h("gb-button", { key: 'c549a125ea009b165ad0f59c2c0422c0b508651d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ef55df05c872054325ba103a826af01a6388e079' }, "Previous")), h("gb-button", { key: '5a95855c17430935ef94028576e445f450f78d76', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '34bd9adadf193e4fa55d5af7808d30e0a662d6d4' }, "Next"))), h("div", { key: '32dc59f29a50dab3a603c03be954e1ccf466ba5e', class: "page_number_text" }, h("p", { key: 'b2e432067c2ff1d3055075566b1466d48ef43181', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '67f440cc0c0c6c3a4fd28f956916a559d88daf38', class: "pagination_entries" }, h("div", { key: '90526a17727c1fbe0955ea9374e42b7f01f316b9', class: "entries_text" }, h("p", { key: '86c4a2af9f86f2493190e2bce0b45878b572d3d6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'bf57b090586619139d4c95e392b9116f4d07bacf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'de654dd6c92213e1926c9866dec4af037f6e0e05', 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: '40e413271bd5361eab41ea920b70732e3dcf9157', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e7300bd5180b96b47a892f36f2538c4a2e8846b0' }, "Previous")), h("div", { key: '6735267c87e6d27926e4b7d413792f2371833df6', class: "page_number_text" }, h("p", { key: 'e4fd998ee8af19fda6a3b5cb7c07a9ebb427a4b3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cf9b9a9c448b6fe71a34c4648f065363fb8fdc66', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f3ac00cfc1e0b6126405e59a645de2413025581e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1ec220cf27bf3d05e31e5bf78a3f926b23704361', class: "pagination_entries" }, h("div", { key: '7e8043bd12d26eeb08fe70254921baa64d49e977', class: "entries_text" }, h("p", { key: 'f39d56820a299d773f1899bed0fa1a179d5dcd39', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1d01496e1e4592985d08db76aab16083dbcfb2d6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '852782ff15e78f57bfea7ceb5733feae14b777aa', 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: '90130df331305ffdad15ccc805d52a6e8605f0b1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '76e7461d3cc2897f4597b024f9dbb36900986426', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '574d427e70e551fb4025c393484475a87854dfa6' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '36251446b29baa09dd6e3c6a6b26ec39ab1f996d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '036e8c6096fe4ddc6b8271a7632089e8b7c3feda' }, "1")), h("gb-pagination-button-group-base", { key: 'de6ac04a178e6b0ad74f646ed7fec10a17cba613', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '613c6cbb8bf11595e1aa5fc056e853d24c61d0eb' }, "2")), h("gb-pagination-button-group-base", { key: 'e8ef7385fad8dddf93a8400ff5d0b1e730ad6398', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '301122bcadfd100940a89d7ee1108bd16bac92a4' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '86d86db0e67a963a3901da298ada31d9f71b39fc', icon: "false" }, h("p", { key: 'b600475efcacdfbc0d1c44a6441de7c10ad78f8d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '63a0d3c4303ae735eb9bf313f2f7cef99f7a41d7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '26f5e268c7da8c5a1636a3678eb1ef23d29b0414' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd55cfa3047771365ee1711dd322e28d2c59f56ae', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '040754970e71336d7b10df184810f60e8438b6fb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '31a05542c30941b48e47c9f61906deea84744655', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '573f243a0e4c215b97f0b4c1c701fbc90844a4db' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ea0d173ca3b29a77d9681889bfef954c560d42df', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c3f3ee6d21ed08e415cc8eeb0744b16b1c7da630' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0b22c53541690d54866c7ed7e1f50e819f96e87a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ea14f0dd8f1bfff68c6340c4a3cd93cef3649866', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4441ccb96f56f03f0b658993bda36fc53ef17052' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '06f1716e4e870eb71ad79e60002e7e35d4757d50', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '28e23e4a455e95d463b60679fb6fa6bc1fd9aa30' }, "1")), h("gb-pagination-button-group-base", { key: '4ca6aa77eeb80d38dc5a44fa2fe68e055312ef78', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '89059a6cf112f2d7d0b9701e976cc0c2487387f6' }, "2")), h("gb-pagination-button-group-base", { key: 'b44b3ad1423c1edded5433551f9bc83d94dbb038', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ea2fc01312582f7f63825915896807c016186f75' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2bc85dbb958f922f9a74f1c0b2e53df1c94241cd', icon: "false" }, h("p", { key: '191c939e0ac3fb88241a477107922def2d045f82' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '767b492a3533c42871ab5c1a590a0947d248b389', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cd0d0dfc16a1e0c2e80172b2a085ad89e6a152db' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7dcd2cc7ce625f7b0c1d97128112bcf8996cc763', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '07473585b748108cc4632a639241fdb0c6f1909c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6610ac3cec8539b155431dd9f388c0da1be58bb5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f1cbca7d6595458be9b9cb57d4fe611e8167688d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f19c84467cbf538195cddc7132d961707de46a9c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ad2d79bbe31c4f24b13c4fdf9376d6402a1ca65c' }, "Next"))), h("div", { key: 'adb12affbebe81fcd721186ab008cb66ab381a23', class: "pagination_entries" }, h("div", { key: '6c410249eb4222bfdb8deba6d720e28bec05d74f', class: "entries_text" }, h("p", { key: '5a67dcd35cb9eb92ef8dd56fe5dafee9fa6e76a8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a423eba8b7a0fa3be0c66066affb35557bb901bd', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '090efca53fa03fae0081c35c5d17fd7a14da8eca', 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: '4c487650d9090bd17dacf456f530f18ca74ec8f3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '71efeb3ef502f8e76cf2391122b9e7a22ce3ef2a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e96c4b33f631a946657ec624ade55ec87e90d3f8' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'bd1004d1e73c61214d6b790a44db9c50accd6117', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '003a7d7743ea03eab466af7076239c8002dd2d3d' }, "1")), h("gb-pagination-button-group-base", { key: 'ae0e6aee64c91b2006e6d8edb4b7d1355b420fef', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6773a307f4b7c54ddfe85c192bedb745ca812b07' }, "2")), h("gb-pagination-button-group-base", { key: 'd4d03379cfccf88c38ae2b4a6276b7bfc6ae4de5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e8843b499ad797645d45ab4a63f75bf380f1163d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2829965297e4939624212bc20d5223777ccec616', icon: "false" }, h("p", { key: 'b3acef2a68a6928f7e5794b9cb74a87a20780468' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '669f5a6fdc392506b410bc4cd124a7823b1b6c7c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78b5280676fa3be7a6f7f2e0c3ba2462e79e2df5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0dfa94e5bffdf85b86b78356f805c114dadfd57d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4b487e9520c5d1a4f84d9d8b999791b39fed4df1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '11c576c897636c7afa4ee39ac71d39b914eb34dc', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '652d8f5a5e10214d93cc88a84eefc2ee7bd61956' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c4f871748c2d424b498bb95bfa9430ff5184f36b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3973ddba8d1c81504386f535d167402a66755794' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cd1eecd5472040ab6036335c60d07151b5d18eff', 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: '6616c3d97dfe5e704cd711a71671a2702a448689', class: "page_number_text" }, h("p", { key: '921a58ba3a4952e9c6d1a8887614d5cdcf2d416f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8dd6c4077395b24d573170857b729ebb70617df1', 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: '62f2246d99eabc90566c9c85b10a6166dd4067f8', 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: '0b83cac535041c56133d88579f962beab9eefb1d', class: "page_number_text" }, h("p", { key: 'bf004c860d84d37367cc1aff72c9d1f3a6e1f888', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f544ffe6553e33d93e48df3dd9448dae4bf81702', 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: '9627ba31db909aabd90902dccb0fabf186461062', 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: 'ee672f6a01d04f20ef64967b364f3b783711df8a', class: "page_number_text" }, h("p", { key: '8b3ede14d7a808ac9e3142657107c2b13a7d6b50', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bb040b2079323a752908a33ab27cfd7f0d4fb4b9', 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: '733882575132189229ce2c2c29efba10fe93213e', 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: '6c6a51b212deb28f93f07be7e3afafde84849413', class: "page_number_text" }, h("p", { key: 'db00da6dbe717d492e40424e26a883675810a7e5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '38336d71991120b8c1839f4f7d1fa9fe13444ff5', 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: '589d089b79de95c93787de980af78a8f951b32b8', 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: 'c19f1553eb8d881cad5f359f2851f25626c07c0d', class: "page_number_text" }, h("p", { key: '98aa03d9d7ec77637b1405acc0b454b347ae23e2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f9efff8e91417c6f4ec349ad9112d310df7b41d4', 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: 'eb539bb0599640f4bbf34502d823e674415244d6', 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: 'bdfa14e78683cc1b62f02bdfe1fe022af350fe2c', class: "page_number_text" }, h("p", { key: '60968e1ed12b215b5de957ecfdfbcf8ea6ce7fd3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8a8baf476ee61bc385539de2ef350fb4a85f6572', 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: '5b3562c0b3e73f20a0e836d9fb8f6d66f7e60fab', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd07c0e9bbb47eb94f28746299d4d28df905ec3f6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0feadc0a83c324099c62a59fd5218ca335381bdd', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0d6f4406dc6e23deb5fc9bd77d28c75e220853c7' }, "1")), h("gb-pagination-button-group-base", { key: 'aff0236569a9106c0f4396bd03597a4618a3c51f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5da784a35d985aaaaa49d7b64259a2cdafa78247' }, "2")), h("gb-pagination-button-group-base", { key: '596a88bcc774032495ff81d23f9419ea5907cfa6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd0d341055037dfc1ae7dbc6c593ff018ab2c17b1' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5beaa064c7f300d321af2bd8fcf78231fd898f82', icon: "false" }, h("p", { key: '0d1d1d3834aef807914015dd924bd4ad675145bb' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0ed9d2ef86787cc9a92debfd172752dcd195888d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '06b4078eb7024671a21023f6278271259afc3a59' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '52e1c1a3205f42f8e9caf33cae142cf0c902c351', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '8914522ff568207078c6e14003d59f271064ed4f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f62d94923edb81763b61ba2818ec2e37054d06b8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6141fc7c4515bdf3468999d6906f1b38b0c2031a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '16ef405821cb0c3ce70cd2d583b2827a811e18bb', 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: '9d40b374d549420dabfb074f405fdaa464465fe7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e77b9947872662c72821f24553effaa419049108', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '44ffd214603e8388681e063ea7542eea89bd0e08', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '03676a2d8c411d7b380b84d100bd811141239b60' }, "1")), h("gb-pagination-button-group-base", { key: 'd15d4a78431745be380be202f326f28d5673c1eb', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c5f9c5a51cc9fde31e419b0ab98a696dcd795b87' }, "2")), h("gb-pagination-button-group-base", { key: 'da761771255670fd29813b4a0275b13eee426981', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd5eae3235bf4199a79c233207805185574d2f18b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8c141d6683a73eb4524bec2c1c275b8096a0f79c', icon: "false" }, h("p", { key: 'ca147a3a346514eaa1389965d6dbfb6a23a63008' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7cc440975934e7098d32620404fb88a449e4159a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ed644a4afc605a6a8875418d305ea289c6cdb1a5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c0e6ede8c084e42eddd519b2a636b629c2a66811', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '02973bf0a7bcfe84e83bb97f59408516084df996' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '3ad1fdb3b675e25fe5b8dbf9ee19357ca4113b3e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3c0066590d847a2c6ff493a2ee0fe8339750a486' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3ff10b317fa1de220b5fa837f5f24a6129b425b3', 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: 'afc1d031a13c671fb6e19d18e71e463aba24ac31', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e5c95b69b7b274c71033178aa4ca046050ca4946', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '904ce6b6d10c0c1ca13a57b86f348f313908535b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ec5f7465ea75af9bff4a345058e8f540d5f0f4ac' }, "1")), h("gb-pagination-button-group-base", { key: 'cadc8e7dd2b73712e63b9bc5bcc6abe0f26d0380', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '019e2fcf66ace7ca368804ad7f74b51bc2aebbed' }, "2")), h("gb-pagination-button-group-base", { key: '8f6ba0805c8deff6c33c1afd7123bd9e56f2bafe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '67a3d264a6771e75fde7b18cf9a2a85b866a0972' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '04fa9ce80466f0c1e7782bfdbbd4d24550a97987', icon: "false" }, h("p", { key: 'e98b5aefa72ad590168f5be36f2c699e361924cf' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '79de280a60d306a2350c39bc60c9e249e21f2545', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f767600dbbd5b0d98749a31ce4fbd756684330ec' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0c332d96160e8076c8e22ba9dcf7ea5d94fd7055', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4e60e410d7c9525d541234fc01f33b4c2a348dce' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '61eb2abbcaacce5e68b0a56426f9b8b88a4a2cc2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1ca1803165a37b4e9d25f4aa00bc9daccc37ac27' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '989500d2f612422fea81e3598043b90e9e8085bf', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '65e0c1501cd5af1d9b0c3b4bfd53a7e72f231cbd', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0fc5606bc86a185d6ac12f092758a65ae71dc1d4', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f1703185d2648f9f5ae60e337e99ad9c46511642' }, "Previous")), h("div", { key: '129c45533ef58a18c518c7d3163ffbfa9dd4a90b', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a431c84eda97f229ad7cd21cfcf438f6609afc54', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'a91eee6f6ee7726b1547a4fa0b3e2f7cb277e469', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b0f62fcac31679dcc7c19d07b56101a1389d1df2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1b3f88709060ac826c77ba034fef16fcca6fb9e0', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9eb2bb8e9137383bb7cd15139cad6c2261d01fe8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c6f04edf1d99a22a29a1c1c713f14f12372a9c5c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'da2dcc2e7cc39aa3396b704cb9788aa78f0cc3d6', shape: this.shape }, h("p", { key: '4f9bf4a3d0eafca07d9cb24f77e0e2c8acc25acd', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b0d3dd9993883ce1a59c898b56342d60c7bbce7a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '6a4c9dc4cf160a188141da5876d7a52c6644f6ec', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '4db1c7023ed9d51354468b8304f1b4727b66fc45', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'cbd6993c8c38c7a587e8866e4e97e3ea72cb6f44', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '6b10d20bbd23b6a4a8d2202ccf9f792602b88e89', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9cdc0026152e2da98f12d84ddff35b4c23021800', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'acee6b40e343fd6f3ad19b4b2c8e57d163d9135a', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4f72b46296df43ead5dac5eb290a393c429f5cb9' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ebefafae8eab4d681e2a0189c265583a17bcc6f7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e79d3cca750dd30a22628ac349f572bf500ba004' }, "Previous")), h("div", { key: '4a28ab86f7cea464755e567fe0e964bde843c68d', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '03c67c35da221e2cdbc616e5838cf4b7aa5e4dda', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '99b68be784497f52e53a650787c0b702a80c1417', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '79b457ca090daf46a710f804b83ded009b3da7ea', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e86834b3c6bb74d7f7271833953723a9044231f5', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e9e01bda11bc9cce856b64992642bcf39d1c053b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3fedc6b1f8f76a46a506abb056860666bd6f1bad', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3da2a664c8dfdada87ee424c8c8d65df6b629b80', shape: this.shape }, h("p", { key: '71edc6d017343e952ab17af3f422d08ae6b40aa6', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b6c794bbaf2d868d87fd247359fa30deaddd922f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '1602c2177d9ca2c97ccf5b99af7a4e141e7e9353', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '57918a33db121f7e2fa5f868fee2f3a32afac987', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5ec8326f8cb290503d9724337655ec2bdf6559fa', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ca117257fd3e6a05490f7c22e517d21f6b576937', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '473090fc6f280eb936598c16ac2615d4a9d91b86', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fa367202e3766213fcffcde0dacbe67692b16a6d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '71b3d81a1850b9f872372f3c1d44c100bfee765e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c748512d2583e122235a5db47fa43938f0daf687', class: "pagination_entries" }, h("div", { key: '046e6defe410e08d976ffee0af861144d468f015', class: "entries_text" }, h("p", { key: '3b11a1bdab974846457af6cd7b3eef6e26183476', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e043c8f9df848f98693cb1f2758d26f412bb84f3', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6759ba87ab0a14bfe5554cc75bef426e831f1f65', 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: 'bb1ddb4c3a2c368cc487079f532825b70a0df85c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'a010444e8dd040480149e808c880a3f2dc28e3d2', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '184d3c829154698fa2a124040f978cc99c67bbf0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '630c1113a43b97538604101b251dc3cd4d50a893', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3352453d13bad89c12d0d2e3a262de90833ea93d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7cae4364985be3d336e2102dd7830212e9b4977e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8aafd0a7ac9abd62ff2d05f41ba851120fbd0968', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '00f4266b477487eca6a83d86098c4a25112d4fda', shape: this.shape, state: "default" }, h("p", { key: '0af905c70c7cbcc4def3e91a54d2df652ce50323', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd4aa390c09f2f50bbd060b2e8c83026a11f15c81', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '0fad3e33b6a0ddd2409e9875d9c9b0bf38464d62', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ed4305daa230c0e6d56e7d53f313dfe15067492b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '7e2099d21e01c74c7d091d1599d1c3fa7ff3b0f5', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '702f3a5476406944674ec4a029df7171a50f3b51', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'dec894c5b0fa3cb20e39759ba76d5c870d9839b2', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '12e8c167f7a3145ceb339b10f4cb548b9f095c9b', class: "pagination_btns" }, h("gb-button", { key: 'b930d514dd9e4eff47a87562b000df38b7f8a1af', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '6b17b135e072e2e8efe8c012bae0f0af105c4ae5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '43577bd9260e92bb451260a0c23dc5e0b96e446c', class: "pagination_entries" }, h("div", { key: '2af24e14eaa64b4299b42c488c1fd318a954f8cb', class: "entries_text" }, h("p", { key: 'e06849ef2bb436378303c4c52014d1091b4f1f96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '51821c4950e413dcffb0fcb004a4cc376e995d49', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ad050853d66aacb18ffbc81e657ca4cdb97c446b', 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: 'e8b3423280234df90a708e1d3a319d18eef02a45', class: "page_number_text" }, h("p", { key: 'c4bb70cfb20903ef5873368a1254523c94fd382b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '5f4b83feb336d28cb853f8701159fd3fae3e8e5a', class: "pagination_btns" }, h("gb-button", { key: 'ae296666c205e6b1ebca9fafbfb6de1c5406eb33', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '86c41ac72ea777cbf12e9fdd809601d5f384cba5' }, "Previous")), h("gb-button", { key: 'a1982949d4739a946089c838dab6b54e524db9f0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '990b2f679b835b58a97a14dbbed10a36b20c70a4' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'abca6a1e8394b9e6198a8f30da91526792f754a9', class: "pagination_btns" }, h("gb-button", { key: '068d1ba1d4107d5183f84a1775ed2c7cfbe231b8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9c73cc3ec2f6bb071dbb11f82ae0c2ac794b9513' }, "Previous")), h("gb-button", { key: '93aea62d0f8d4d64983d26d7dc57d88e5cbda3c4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '937b86883b6e0e2efda761f54de9c65e938371f6' }, "Next"))), h("div", { key: '2356b6f3058534e2a8aa628210047ab346b6f14c', class: "page_number_text" }, h("p", { key: 'ae1c3dcc7751b0dc7aaca705f2f218262f2be45d', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'a7ed745923a51aa9752f26814cabfae3db382ebc', class: "pagination_entries" }, h("div", { key: 'c659017e4d0ba7b0e2de7b8ea1f125ac499ac98d', class: "entries_text" }, h("p", { key: '429d735e35aa04f856eb0406bb2d079475c280cd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ebb84e178e0be210a3e3ed4865ba52ba4175b872', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0e04592d753be4293e269022ea584273b8ae9b94', 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: '71c15a747637f5ad387254966ff875cf17bf5eb0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'dc65eb6930a1fd3bec9851fdba7efd880b7ae069' }, "Previous")), h("div", { key: 'd45a0d6d1ee326c1f9f680ffa8693b9d77649358', class: "page_number_text" }, h("p", { key: 'e86ac0d1e035c72e584f4734703a4b557372741f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8d181a180957ef3fd7014edb35c8d53b92e3d5a3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9e6ffdd6a31d685c378d348e3c3b3909a0e77de1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '04f685f94b133f3db1d05ec38d4eb7230b73c445', class: "pagination_entries" }, h("div", { key: 'cd1fc15993cdc3824e53b5c980caa559a6a1de33', class: "entries_text" }, h("p", { key: '33364450caed5231cd7ba4d1fcb4c5b1ba33d801', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e6cc08fb50a6ba3054822be764a0e0130b120c2c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f6478136d4c0d24862f6c6a8c9c163f1f69baa4a', 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: 'd5a7684bcc1653c1fb183e1dfaedd455b95be883', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fff63f691abb1534da05d7d629ab2321646ae509', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '457df4e03cd06ee946c1d0b55ce2130597591893' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'afcf96cef695159785a665f9e4fba0fb1b6ca18d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'cc219fe48fc94e6229230ed57d3c957855dfdbf5' }, "1")), h("gb-pagination-button-group-base", { key: 'ace10f2a89d1a6a974621ada8f306a14703d4c32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0b0a008360b051e8f7dae21b9e5d7ac607fc162c' }, "2")), h("gb-pagination-button-group-base", { key: '2f40272f1020062b96a4371875ffb150ffcbb9c7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cbe779a7809d8916d62d655d976f337d42a7327d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd7fb11a655f02b266f6a2447d8dadf2db0534cdb', icon: "false" }, h("p", { key: 'bb2ee51b57fd6de0ca55917ebb04cfd6d0450678' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8c56c10221a9681a940e4f26dd847c8986909f81', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '4686143e55a6069d8f499d0d346340b39687f07c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '95a68f7a8a838e5834ef88ab7707489d74181dcc', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e810d46b62ddc802322830f8bf4441abcc48ee5c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbe9f209aff66f12eb6fe87a9caa047e5b3aa0a1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8cca962235d808eea582e53b0f0b8deafa9ebb76' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7df5a0dc63f30158e6284ee1ca815fbda0e9d52a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd6c2a8630dcfb4a593b401999061d4d355c712a7' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'acf52549560607e844f93dcc137eba5cdd8bc644', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '19e4ba33bf2ba8066d33d001e3978681f714b336', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '81854558dca6c1050cc76d634bc68e299a6f8aef' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '80e195fd95b93f7392ec4f9ab74c2252a48e925d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '54c056d539cb23b9026c566dd390403c0c686668' }, "1")), h("gb-pagination-button-group-base", { key: '7409a79d7ecdb0867f0e6d5ca36038b3b16fe440', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9a69f223053f81b7077e652b5bded6efdfc7f4bf' }, "2")), h("gb-pagination-button-group-base", { key: '0ece28b8ed821be78cff82d2a152e71a19e21771', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '535bf9a1224f53208bc09403896893d53b4d07ad' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8cd21b59d674f2d84ac781dd66b1ed6d47d63a6d', icon: "false" }, h("p", { key: 'df4196140168f33b6d5c12b76041cc079ab93baa' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '624673c48abe41e41502f1f36552b9735c0ac2c1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '1f2ee8088d1ff5790f00c9970554423dcae76243' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e3deccfd9b1cd2defe3e89d47faf9e223bea151d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'f523b8cfc0560d4b9abd9fa910501985b107b69b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '47c8a85b1f2974ba9156e0bcfc030d3bd46cbc9f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd5bb841851d4722d6af69cd468b1daa2eb32a921' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bb221af478f54552b3ce1937eeff76db34356b92', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '07a102b1d47ba274863106d2f9dd6e6823f83de0' }, "Next"))), h("div", { key: '215cd34909534d2360b129c400a11fde78514d17', class: "pagination_entries" }, h("div", { key: 'd67a3588b032252e21f376e72b5c5fab206a2724', class: "entries_text" }, h("p", { key: '01f9225cdbdac958917137f84d5b48c73738144d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '630f920935197257a875bd7e6cf2b357a6391ab5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a4b184c5f33a661ac6a6c786f05b658eb06d77e6', 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: '2343b3bc2d50c0a0b9c8c63133fe52fccbf9e112', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e59b0c92d5657a1414c0d7784ad9d7ca965cccca', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '892226e763ac3ecee259768274f365241b5d82c5' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '1ac55edee264567e125f37933c569aa99e1aefda', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '72b7b0fefe24a1349b50ac2a633d194efea74255' }, "1")), h("gb-pagination-button-group-base", { key: '4fd6ec0e8edeabaea37ccde8205b139270e1c88c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '12bf2ba6771a1074c9e985d63f2feb33fdf0b5be' }, "2")), h("gb-pagination-button-group-base", { key: '604e9b18702500320e1c35dd9ec0b827bfe847bc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '77ef8f0804d6d53374c6be3c11e7f6748d553b64' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '166d0192f26a60536100652da77b6fcce61c9fa2', icon: "false" }, h("p", { key: 'd9b5d67fde47016be666af8ccbb50776d79c2eca' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '86033b87f4b94193be7d76861f7a6bb599d54e57', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3f914b2cad1be1418ce27486df3c388ce054ffac' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aea4f1fe022a98c3df1660cc625d84c3086e12a1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9beb3e4918dfe2b1d382b6acc7dd1968a3935456' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbbc00b50c82a88e9994b5ddd3ec7f32b9a2cb79', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'b77a45155df12ae7a2deba1fedb78389c89674cc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd113690fc74dde04a32e6e118c367352357df2a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9c1bfe2d55cccf60f863cb54fec11a1f64477a62' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9b022d27177961cf12aabc1d4b85b0a1017e704e', 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: '08274359fe39a73c83f2ea29b7a28347ddd26d2c', class: "page_number_text" }, h("p", { key: '420bf60d306a74facf67ab24b44464c12d2f7f7f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ffc48406a6bbb05d58e9313c459fd57565de3886', 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: '43d6d4f332a11cd22ce75bae5053f6bf3c573ba9', 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: '7f1216ee958b4880af40bcb13cf585e08f15001b', class: "page_number_text" }, h("p", { key: 'a6015f09fc4ce7dd9e1781b64ce18efa1eeece9a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '422e59c60c6499652371f643191d219143d5a871', 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: 'fd51af0416f699670dae6a7a69bb990dd6f1be25', 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: '30830ad575f726b3de301b4c7d1bf5273357bea8', class: "page_number_text" }, h("p", { key: '10879039235f767535e5eb768c6daf4a19d34f05', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4d78b769e147c5e43a70975cdd8bdfeed5da6087', 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: '02d00573e42053bc8a3d3ac9b53d52924222b2f7', 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: 'ef9e2c42f8d86d5aa3b048d6f107b75b2a73ac7b', class: "page_number_text" }, h("p", { key: '619f907b84192bbbf96d9ca1e375b0a3acb2eef8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '06eea02f9bfb5d223fead86e3e56e214bcc3ba52', 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: 'df422d2547a7405f568862c7f8fce966e2e09e0c', 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: '9f3e6d66fa892b0c76d3d5ab729cbfee90a5ebf6', class: "page_number_text" }, h("p", { key: '2680040e34c5d41b068a48a4a46f2fa88c8124da', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '35c91571609fd7748a7849db4927e9e5a802a1c2', 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: '977cda3d634203837e0967cc3712ba152a1f895c', 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: '8be2ce614425a76378c704c15be9ede485e32252', class: "page_number_text" }, h("p", { key: 'b42a53e39567343509a6ae9742bc1dce77a92c5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1292c282b7bc0d7cd0525c87f8109ee6d4e056da', 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: '3988eed24c726b8a64228ec61bf62bb51a70e50f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'dce30767d4b2a64523ff5b37b26c73f987c9cc9b', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c3b8004b546eccec0efde55621cbfbd9c8513e2e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '155c6de7ad7fd048c1eef49469dce0e256d748c2' }, "1")), h("gb-pagination-button-group-base", { key: 'a652da923da546d6eb76881da372b87a758f4163', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5dc045fb7a27260848a5864127ae20ede8cd9500' }, "2")), h("gb-pagination-button-group-base", { key: 'ba052b3b5d54dc1c1195453677bc13ac3afa9979', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4b3c922d3514c0a898dabd31b3bafb492bc6917a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2ed394d6b8c2a385e80e2c8260a4c11187dc1ab0', icon: "false" }, h("p", { key: '27082add5036fbbc305e4a523d817a5870640df4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f09cf2b73dd14694f0b7ceb7bfce53b1ea02b393', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c11adac3464f43234253ed605399854bd1a0ff79' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7726c8968fed795ce9d1efa4d0f17f29b1e55160', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd2e65a003a23ba83cc6a3f3ed83bc40c410692ec' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '790b5e0dd50ca9194e9e17561e2b14c9fe5c4780', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3977cc77f0469b68d5b9907a215603035c5eb983' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1ea98646baf81b36fe35df7611e3ce61cc7d272f', 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: '7127c9dab78df9264b811c1f564cd9b839799db3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3d3414b5c9553bf9b5d5c2fa8051835ac746d80f', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd6f2984be475c54ed174acf1b4139c9ba9f72a6b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f9c8f3fe0037b136822b2d9efb1966c2a943f423' }, "1")), h("gb-pagination-button-group-base", { key: '61acfa2a90c34803b97498550f85db377cacfaa5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'cdea1b88f3a5304c8a4f27c6a20a058a4972158e' }, "2")), h("gb-pagination-button-group-base", { key: '4499296c9ede26db0b8655a33f4807a5f57ff949', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'feaa6b91aa1275e43cfae1c71a118f70ec3e9539' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '67d22cdc5fbc646162aee4a38160652e46c0e7d6', icon: "false" }, h("p", { key: 'a7012a93763f16c5e3778c14d38296f84de6f21e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b3a427e2719f06aba69976e976d32d740f99e191', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b5fee5ca4836092ce290dd17665a40adb9141e9a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7e667f928760640cb914ad47a262ad6a695d4d7d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a9fc999c23d40ae73736fd90d82ce2efa98e414e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c4beefd721d4f97218f53ca64140efbc2bc88f1b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '589e356027e35262dfe0f0a998bef62c5d6943d3' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a4fcc33f58fcbf3e6afe547d02a3c6d2569d9823', 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: '9ea68a33af58f8eb56d8048f3f8d6851e4632380', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd510d63ba88bbc48b3b7b5f228178ac4f4118075', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'eccb36a0bf59029cecdc4dde9ce7b85beb4873f1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f59ca594e4f45335dbe4d0816d2885486cd5f428' }, "1")), h("gb-pagination-button-group-base", { key: '3a1e0284e88a451ac6c97eb7ecbb8b748302b7bf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '137042dcac6d97f0d59c070c4fc6637aa095c089' }, "2")), h("gb-pagination-button-group-base", { key: 'b873604fee10763ee8a8007347c40a537da88da8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '21e05e84bcdb3911782e3732db247a5879b95315' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '281a0150d25fdf16feecbf3df84e6dd2f550bfea', icon: "false" }, h("p", { key: 'fdc60d7358b0271eeced298226b38a6c75bc2b8e' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5e2bf2e3b19cd5a0385552424f31620dc70c7d30', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cf59cf060e08e735d70d1b2535ec925e6522defb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1fb533bafa716affa3bd04e22f92e3e427032ea1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2ec389c94474e7b7ff8351e537689edf9b88711b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ed1380b199178d2098bbdb6f4c462e3f0e62dc9c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0cbd6b5c629382e50a80580a42f140158c02227c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '28907b7ecf0ce81158596002bac0626032edff83', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '8898d1e1becc4bd73a3db63ff25f7ef2ab57cbbb', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '4eb48d7a69f35bdc205888e1ff293cab9ad910bf' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '6e5bc9212d0073b314225bdc2e6fc68261bf4ecf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '811f6face3e91b91554bc44fae3a3e0c1a4e0843', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'f4a2654af46ee1fe80e31e28cf68a3b2da5ff447' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c775293832504c9c3d201849c5b69da55722a0ef' }), h("svg", { key: '443ece90a59a17bfe1d7eb86f0245c59bddbe03e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a47598dd96286724912729f3c081d782f717f930', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '3b0a61177dda845819df47c1aca307ae025be000', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'ae308085f7e856eeb6b90f1c771b20161e7a610f', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '6b7e7b45880c32d974649e2ccff0dcc8a91e7bd5' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'ef890e85f74399eb55730dfba8a714bf39ea5a17', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '10fc02327d796546f5bf9466656768328eaff8e6', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '4e84de7700614d587f974545edc76aca768bceac' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'edf7de724a1cc1657a15b81cab1fa89a12859a4d' }), h("svg", { key: '2b8be55b03c9bde0320c45b19f47aa133f32080a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '96b7a34375a16a6c45ea750ab2f8c0cc4256e2ae', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '72b3a1371f18da2ea16cdfbc82e6e790181c6a23', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'c0972f9fa00105c4084e0f1ae1008bcf909df9a1', class: "dot_group_div" }, h("div", { key: 'fed6782c2f81edd0782e77399513dbe15d889fcb' })));
+        return (h("div", { key: '143cee89d01ae20653d80db0cbcc9dc95fffeb92', class: "dot_group_div" }, h("div", { key: '5a4d8f10e82a508cedd0b4ed97ce97a59761a16f' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '4dcbbf776011fdb734fe542fd95a94c003d777c7', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '3d9bbcc48f2f1dd2ef1d84d4beffa863f87438c0', name: "page_number" })));
+        return (h("div", { key: 'c57ec7af0e84153a171419a93952eefd6aa9029a', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'fc609c6beedef0f4ee37a40df954898fec1d92b9', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js CHANGED Viewed

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

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

@@ -32,7 +32,7 @@ export class GbPattern {
         const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '0cc022be64fa25239121d70c9f1184d048443a5d', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'd195641a622756d8b74fed3343271fb6e6936f84', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'ab8ef4c5293bb51e202937e19dac456dab3a23bf', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: '9b4a3e8846790310c93ca1f91bde0e7f90fbd304', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '77021fe055df54e664e167a7c3091193a63f0c1e', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: 'b29be9d3622a1627dd496d1251c03e1db56a3a4c', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'baffbc40d11d1cfbc2505f00c665421e3226d234', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: 'd928587eca71154896de7ff7144a797f101f4ffc', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get is() { return "gb-pattern"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '7f85ad1551108402a10a0aab12091ba7aec85028', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '968cf2208e3ea84bae3b97fbb799f38c371007e5', class: "progress_bar" }, h("div", { key: 'b513238d1b713a6efeec9114362ec0cb19551ba6', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '17b619f487cfeabf79e4eaf586f01d989f46d64f', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'b55fb3b5f8e2754dd5394c337a41f7ca3a4de6f3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '6bbf7cb9e1cafa9b9cb0df052582b3388fad6ee2', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '6c2950839f7b681ae88c8b1214c39ce5a8b42962', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '123269739a2c7f5ca70486a3b6b223201797bcc7', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b8b1858bc8fda7d7f78da37b37ca58169a616398', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'cdfb3e745453637adcd466dd28b27ad598b091b5', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'fae2c66423ec3d3a944949f288515baad3d97ad7', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '4fe58b26f44fe6e0a32a20863834b15972208cc2', class: "progress_bar" }, h("div", { key: '997a700e711c722b777ab0b1298fc7962e722c33', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '6b5256432dbbe9f65d87c71699411e9a611088a1', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '55374c83ccf9ce33c388013c10da7cd4361550fb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '4a97125391e9e9f76f5713aa5a5d501cb08e4020', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '17f26e7fbde9371547315d113334ac48c80e4ed8', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '2fc871293b94699385a1e5f34333a2b718d04498', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '1c57492719745e9a487f66115cb04a4d5944fd18', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'f608eb1c120b9d61d23699190e5c9b9888787625', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'dc28c270cde3417688c8081a42d31dccbcd433cf', class: "gauge" }, h("div", { key: 'f1c263775ecfa4976a20c7d454e32a60edecdeee', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '7e357691d90fb1b2a3550a35e7bc5b69d4eec994', class: "mask" }), this.label && (h("div", { key: '301d110f31b6c74981ac07bf4f8541123b2f6495', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '5cb7535f699b23fd619fde7673e589491e45da13', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '26e38d5f068df0809dd4563bac5894d42c9a442e', class: "gauge" }, h("div", { key: '5555b312e199e0aaf8a7aa6c810905802c606356', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '3bb3beea5617b8ceae9b4deb743e88805aaae623', class: "mask" }), this.label && (h("div", { key: '8df57185d0f9ff0e2ce879e6413e4112b71ceb4b', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '0447845a4ab346c3c6ba42c0031214db496df2c2', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: '0302a0a65eba055cfd0f250d7c42d6aaf576f15c', class: "prompt-modal shadow-sm" }, h("div", { key: '06a5c9d6db13672881f699b2770fa42290cdd4c5', class: "modal-content" }, h("div", { key: '82b9a710b7d21a13a7a07befe59daecdaa955a2f', class: "content-top" }, h("div", { key: 'c1aef6ee9c538bd1c1ead7b45f17d6c0b961a94b', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'ef137dcfe3ef1f27733ba096a04d84a113970636', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: 'aa9883c9dedb34b0259c4bc69720456529cd9890', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '082ff5cc00d0dae43739465492d038d1cbc5c967', class: "content-text" }, h("h2", { key: '86afc76232722e7410323e9978c90333e8be0070', class: "display-xs-semi-bold" }, this.heading), h("p", { key: '49f0a90aae623ae5839dc870bef524359e08d256', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '9ec209c999a4454b5eef8df52b007b95b0fb9159', class: "content-check" }, h("gb-checkbox", { key: 'be446d2e7ac3795b585fde6dcdcf08bf7b27595c', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: 'b12a42c77702073e18590b4fbffbf4c5f02fc23e', slot: "label" }, this.checkboxLabel))))), h("div", { key: 'a4b2dbba94e02b753c5c807ad0d2a89b0d1aa43c', class: "modal-action" }, h("div", { key: 'f2cfddf090ee0fd76d0ca6a626171f002f23b86a', class: "modal-buttons" }, h("div", { key: 'ce755fb43912da6262f88435c08d01f1fa20d686', class: "button1" }, h("gb-button", { key: '71bfd66fc100ed00e81517f18068bf17a065e6c6', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '0fc1cb89c7ae91df9d8108d280ed5615c45ac141' }, this.secondaryButtonText))), h("div", { key: '41632bf23fb4c3d2d719575a76678ec3179cc6b1', class: "button2" }, h("gb-button", { key: 'aca2b73f1bf6b658f8b2c7d5c714be9ac7540d53', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '68e28b9114b7d9bfc170eafc8342eeef3ec8b6df' }, this.primaryButtonText)))))));
+        return (h("div", { key: '8433c296ebad815b4bbea528b6e314c464f1c8d7', class: "prompt-modal shadow-sm" }, h("div", { key: '40e79e5a08e8dd42f5d5640c7ce508696a2a19ba', class: "modal-content" }, h("div", { key: '0d15172fb35b370088b02c8d149f9d810c93db27', class: "content-top" }, h("div", { key: 'c2cdf2dd28245e944055938199da3cd298457231', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '4e06ca96c1491b828760b7abaaa6225d3ee829ca', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: 'a01779ae0cb1ac74596ca68b7eb01806f1b79ffc', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '44d0789d408916cdfcb3722b368b3f2a8a1c3b2e', class: "content-text" }, h("h2", { key: 'e87b69f7fbb34502a1439067839ea403f2216383', class: "display-xs-semi-bold" }, this.heading), h("p", { key: 'e3c7661b092403e34a7a8222bf75eeda4b848afe', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '70d4a0a0c89e26fd627d91f4c379fdc7921ad856', class: "content-check" }, h("gb-checkbox", { key: 'f4faf2d38c71189a7a4a813ad6c245e14b5f99a3', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '8fe0b671af6c10177bd8f0677f8657147f7657d3', slot: "label" }, this.checkboxLabel))))), h("div", { key: '615f5d5b731abadf80639e779087268604e0bad9', class: "modal-action" }, h("div", { key: 'cbf5a0cca03e39cdc92e5aeae5e9cc1f0903ff10', class: "modal-buttons" }, h("div", { key: 'b668631d2b16c0218d2aa2e56dbf52bc06037dac', class: "button1" }, h("gb-button", { key: '64c594f86bc584c8157b99bd9d6a92a9700d0da8', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: 'bf851d2b1bb99dd94094533170fda067c07a4e1e' }, this.secondaryButtonText))), h("div", { key: '565da8034a25bb5c82e829e7a3b973850f673181', class: "button2" }, h("gb-button", { key: 'f29a82a221a887f543c3fb9cfcfeb3152f10c7fa', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'ff0803996ff725991b45aeabee37d8847fd850ce' }, this.primaryButtonText)))))));
     }
     static get is() { return "gb-prompt-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '2735c171b0c6aac3c8dbb19a90806bd9e87ebbf2', class: "quick_action_div" }, h("gb-card-icon", { key: '6a67a360282fb452e8c485e5d2cff9f9d392d0e6', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'f913e02fc92f2aed354fc40d1c5cd3296a03f01c', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '3c96b1c83792beda50a00ed3ae91d72fe96086e7', class: "quick_action_div" }, h("gb-card-icon", { key: 'b94431dea0c4c94bd6d49f335a75d0a9adfc6684', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'bb4256123636d495590c619b2382643fa6df11e8', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '6d86b1f69e2674f72403dc3c568a2c7619b8bcf2', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '9feb01b771851d4186bd991be3eba350934d3b78', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '9f98e03652cc6f5b0e4837e5542f1d4c8856b401', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '4997e94726e1f1819530ba3aea36a6d232d8012f', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '7cdd176fc91c66468224e8063e3cb58ab5033c0a', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '80da63f4a562b2a862c74d95aa6504ed2339152e', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '27443dac0585af18d4741c4e9272ea3e6aaeb82c', class: "scrollbar-container" }, h("div", { key: 'e10634607956944b46bf4ba47f34bb692a6b11ef', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '834154d4397d2ab968f4356cfdb55aca04d5ce09' }))));
+        return (h("div", { key: '74735ba20ed5543157d1918a68a8c5b873ec012e', class: "scrollbar-container" }, h("div", { key: 'bee7a6630e1b049fa96d854f73fa1e7fd85ef75e', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '777b27c587da7535a05b94ddeee60dde031db074' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }