globuswebcomponents 2.4.9 → 2.5.1

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

@@ -0,0 +1,160 @@
+import { getAssetPath, h } from "@stencil/core";
+export class GbNavBarSidemenu {
+    constructor() {
+        this.applicationName = '';
+        this.applicationIcon = '';
+        this.activeIndex = 0;
+        this.tabs = [
+            {
+                name: 'Hiiii',
+                index: 0,
+            },
+            {
+                name: 'There',
+                index: 1,
+            },
+        ];
+        this.leadingIconSvg = '';
+    }
+    async loadIcon(iconName) {
+        const iconPath = getAssetPath(`${iconName}`);
+        const response = await fetch(iconPath);
+        const svg = await response.text();
+        this.leadingIconSvg = svg;
+    }
+    onTabItemClicked(event) {
+        this.navBarItemClicked.emit(event.detail);
+    }
+    componentWillLoad() {
+        this.loadIcon(this.applicationIcon);
+    }
+    componentDidLoad() {
+        const applicationName = this.el.querySelector('[slot="application_name"]');
+        if (applicationName) {
+            applicationName.classList.add('text-lg-bold');
+        }
+    }
+    render() {
+        const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
+        return (h("div", { key: 'bd1caaaf6566af15a502eb0803873db834417903', class: "top_bar_sidemenu_div" }, h("div", { key: 'd0a9c9e6263f3e0a3ed0abf98062a3ac707e816d', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'f0db22a04076bcb5ef1abe4f9e56470a961b3a31', size: "md", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: '9c310f9f97a0ab375840adc44cd0ac6c0878c8e1', class: "wrapper" }, h("div", { key: 'dd437de024e2160ef6781e430093fe39c5e8fe88', class: "wrapper_pattern" }, h("img", { key: '224e9871db8c868c23c86323dbe3af914f033fb7', src: patternSrc, alt: "" })), h("div", { key: '93d6db903b1279491b9e3e90714b065e99df484d', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'd45af07850ebde8c634d46cdf825dd01047bb87c', class: "application_name" }, h("slot", { key: '2e632b88c35a4adb998558c01c3a2f0f4c69829b', name: "application_name" })))));
+    }
+    static get is() { return "gb-nav-bar-sidemenu"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-nav-bar-sidemenu.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-nav-bar-sidemenu.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "applicationName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "application-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "applicationIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "application-icon",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "activeIndex": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "active-index",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "tabs": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ name: string; index: number }[]",
+                    "resolved": "{ name: string; index: number; }[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[\r\n    {\r\n      name: 'Hiiii',\r\n      index: 0,\r\n    },\r\n    {\r\n      name: 'There',\r\n      index: 1,\r\n    },\r\n  ]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "leadingIconSvg": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "navBarItemClicked",
+                "name": "navBarItemClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=gb-nav-bar-sidemenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-nav-bar-sidemenu.js","sourceRoot":"","sources":["../../../src/components/gb-nav-bar-sidemenu/gb-nav-bar-sidemenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOtG,MAAM,OAAO,gBAAgB;IAL7B;QAMU,oBAAe,GAAW,EAAE,CAAC;QAC7B,oBAAe,GAAW,EAAE,CAAC;QAC7B,gBAAW,GAAW,CAAC,CAAC;QACxB,SAAI,GAAsC;YAChD;gBACE,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,CAAC;aACT;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,CAAC;aACT;SACF,CAAC;QACO,mBAAc,GAAW,EAAE,CAAC;KAqDtC;IAjDC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,gBAAgB,CAAC,KAAK;QACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC;IAED,gBAAgB;QACd,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;QAE3E,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAE9D,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC/B,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,yEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,gBAAgB,kBACP,IAAI,CAAC,WAAW,EAC9B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAChC,CAChB;YACN,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,4DAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,GAAG,CAC3B;gBACN,4DAAK,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ;gBACtE,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,6DAAM,IAAI,EAAC,kBAAkB,GAAQ,CACjC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-nav-bar-sidemenu',\r\n  styleUrl: 'gb-nav-bar-sidemenu.css',\r\n  shadow: true,\r\n})\r\nexport class GbNavBarSidemenu {\r\n  @Prop() applicationName: string = '';\r\n  @Prop() applicationIcon: string = '';\r\n  @Prop() activeIndex: number = 0;\r\n  @Prop() tabs: { name: string; index: number }[] = [\r\n    {\r\n      name: 'Hiiii',\r\n      index: 0,\r\n    },\r\n    {\r\n      name: 'There',\r\n      index: 1,\r\n    },\r\n  ];\r\n  @State() leadingIconSvg: string = '';\r\n  @Element() el: HTMLElement;\r\n  @Event() navBarItemClicked: EventEmitter<void>;\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  onTabItemClicked(event) {\r\n    this.navBarItemClicked.emit(event.detail);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.applicationIcon);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const applicationName = this.el.querySelector('[slot=\"application_name\"]');\r\n\r\n    if (applicationName) {\r\n      applicationName.classList.add('text-lg-bold');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);\r\n\r\n    return (\r\n      <div class=\"top_bar_sidemenu_div\">\r\n        <div class=\"vertical_tabs_div\">\r\n          <gb-vertical-tabs\r\n            size=\"md\"\r\n            tabs={this.tabs}\r\n            type=\"button_primary\"\r\n            active-index={this.activeIndex}\r\n            onTabItemClicked={this.onTabItemClicked.bind(this)}\r\n          ></gb-vertical-tabs>\r\n        </div>\r\n        <div class=\"wrapper\">\r\n          <div class=\"wrapper_pattern\">\r\n            <img src={patternSrc} alt=\"\" />\r\n          </div>\r\n          <div class={`application_icon`} innerHTML={this.leadingIconSvg}></div>\r\n          <div class=\"application_name\">\r\n            <slot name=\"application_name\"></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -7,7 +7,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '408122f8cc423eab31ebd3dddbe82f2027f32ef8', class: "notification_container" }, h("div", { key: 'd068381a1a793d0f712f5299563a2e3aeb6641da', class: "notification_title" }, this.icon && (h("div", { key: '4211f9d5299376e175eeffb3c6238ee6b7c045d9', class: "icon" }, h("img", { key: '93fa4485dcff20aeffa1db36c71024ba6f0b0db0', src: iconSrc, alt: "Icon" }))), h("label", { key: 'c8693c747847fe6f2e3790e7144a7f29a3862341' }, this.label), h("span", { key: 'c26ca09d722dc74e4586cb8cedc99c983e4f514f', class: "time" }, this.time)), h("div", { key: 'a940edc4670f184e1c1079e075ed47bb3ced9f2d', class: "supporting_text" }, h("p", { key: '4f74ad7972bf4142c668fb89e0c7280b2d26ce05', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '0e4971bdbd45550f2d0d1c25557c67a92e9a64ab', class: "notification_container" }, h("div", { key: 'ddd814ea177da9122483d7f103a7ee55b9430617', class: "notification_title" }, this.icon && (h("div", { key: '91fc0ee01c3a6e1ef1cff7fbe32a46e1a85d7f86', class: "icon" }, h("img", { key: '3d2321a1bcbc73d6a87ef443e171da5680e6b7ad', src: iconSrc, alt: "Icon" }))), h("label", { key: 'b40732bc9eee7a5ba583d783d25a056ee4e38a0b' }, this.label), h("span", { key: '4d3b5be45ee40e0ec353b2b140aafed617d00df1', class: "time" }, this.time)), h("div", { key: '7cc91b3f6629d7b58b99f1c4f0d8abd1fa904b72', class: "supporting_text" }, h("p", { key: 'de6a0c01290069fe9e67b4eba34f95ebcc6bf210', 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

@@ -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: '80c101aa7104135fb656cf646799d5939cbb9cdd', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '249cdd60241315faadd7ce567a7f9ad46f08fde0', class: `container` }, h("div", { key: 'e7979b02566f07bda0dcadc416d94fb2dd332ba2', class: "frame" }, h("img", { key: '10960662728daa1f15268a64d2a71a773fbd4f0a', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '7b043d246dd8b4040e0048adad7da9fea2c47205', class: "empty_state" }, h("div", { key: '4ad480b400ab64268f207774529114ed8edffaac', class: "content" }, h("img", { key: '12b4241d29a8a8d0677d81a3e41627b96b67d940', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '43e7397697ced24a278285738c3cf0c4cb683784', class: "text" }, h("slot", { key: 'd232a516bdf1aa64c6f50dce0b8f0129fdce6e90', name: "label" }), h("slot", { key: '58ad6f095030459268e212a18c09dd57bcff0155', name: "supporting_text" })))))),
-            h("div", { key: '4b9135e63e23f4d6c520fe12785c8fe67c57e624', class: `button` }, h("gb-button", { key: '5dca6032639f00384af6df0f238ae061f61721fe', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '7b716164661f7019c444cc39e1ef2758ef712b5a' }, "Mark all as read"))),
+        return (h("div", { key: '4bfdeafaa7bf94f01dd1431cc2866cc9900f7e7b', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: 'dd85f02e421afd7a3a640de11b225963e9df25a1', class: `container` }, h("div", { key: '2bfa4288204a11f87e9bf205d820d8f425fda449', class: "frame" }, h("img", { key: '8f2e760c4adf12b238c44215ac34178b05f0ccc8', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '87d4028451700cd80b34af6f45e952f57ea857fe', class: "empty_state" }, h("div", { key: '83d2291f005f0b315181a9a0970de9c266d3c175', class: "content" }, h("img", { key: '3237b19705d13b15ad0b1c2e9760862d1b4d19c1', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '271e2a6d6e31e4af182b6c09ef3157d5c62cf99a', class: "text" }, h("slot", { key: '28f85740618a346d913de3b807879e6920ec5f0c', name: "label" }), h("slot", { key: '1fcb71bad5c8d8e0ff540bc1c3416eb894177924', name: "supporting_text" })))))),
+            h("div", { key: '4ccbb49bf7b98404d2b5bc1d02ecef3ef2bbdc3c', class: `button` }, h("gb-button", { key: '7a6c558f2b0adfcb0c7098278f6a252140665171', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'ff7ff04188c14d2ac24d5c6358d278da4e4a2e78' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '40d27b8f518a1d317a25e89ad68a2379ea25cb5b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'b0df8994a055e45835620eac2ae6bbe3a6d4b759', 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: '41a2405c7f24902f816a86645627db90e6e868ca' }, "Previous")), h("div", { key: '91081a553f717946d314230d534753db481b28f9', 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: '32fd4d0ecb3d89a3f04ab571469c8798dfb1e000', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '74080ec33b475d49d2e0a0e37a145e757e4d11d6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8da002fc59272636603ce1e62ee3f96ffec13d1b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'f29089686d06202f8d94ba185eda9f10eddde435', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6879eb2208a2f4713887645dda9c46345dfebe6e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'cfee5f6dc9911258f666314c4cff00af12a36faa', 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: 'a8eb1f070565a83e1ea800685abc94c8d615a0f6', shape: this.shape }, h("p", { key: '5f188adb50e387d7bcef0ea271e7a66e03e0c774', 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: '0ba033faa7416dd9db19769ceba9f869b83790da', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b6b067cae44760c1d0b029e92685990366b12e5d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '57e0985d6dccc8c61db1d800355746734a082dc2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5c3fbd818164e9708b96b2f129d0614be6be71ce', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'e14ad5fa03270cd81e67df86362157c8f56c62be', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '68602ec2db4a90e896a05f28ebc0b64447c625fe', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '2fda688d7f350cbe399ec8d95f3ff2d5875307c6', 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: 'cda181c48b1bfddc44375ead14d4fd8026c87d4e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'd04b63ae784ae6cc8e0b7804f2736800dbaddf5b', 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: '88ff0a586dda09d8e3679a4609b0eb4e821a3eec' }, "Previous")), h("div", { key: 'f213ffd05208194ea3014176f1bc88f92a9e226f', 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: '2e278f20573fda93a24713ee92004c71a3233584', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f26ade5420cb93171428e7e6ac1d2857e9b91e75', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0d8c72f0f6bc28b0ea633a5f3e0a57c470c6a16f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '15da3f1a519569de6cfcc1d1d582779cfe942b8d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '4941b34ffa5bf631a81bf5ab9b00db9a7c6c5acd', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1e0541d8eef088a39839d6f530831127fb469686', 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: '55393ed4b4773c1cbe40d87c3a809b885d2b4cdc', shape: this.shape }, h("p", { key: '912e2439b78cd0a3f2e511c9f9e457a5ff43da60', 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: 'bb6e958b825da87fe40d75334e28bcbe97d74b3b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '074b87a4fc589b62608ea0ee23661e4da785bdd1', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1fb20fd51f15b6ccca19f85fb4fdd21293e2dec7', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '542867f59924b0b940f04257e38252a342f52ca8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'eaadd573c5ea5884e7b8ee8d1372d65a73de56db', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '06c344fcea4943acca417f91d063aef85bc60919', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '725f7297c91fc3bb1d8977f974f2b8a6b843b16a', 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: 'e11141b45c39e0c3ae3cd6aea995d56ba37c5317' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '00a3f68221ef959e0c7863563d855f40c3dd35bf', class: "pagination_entries" }, h("div", { key: '1c1892163c9cd349d8216db37f6b0c357ca12f59', class: "entries_text" }, h("p", { key: '34d9c11c6e229bc49881d2baf218f9706990d728', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '0be2be479364241fe74c33c6db9faba881fcf9db', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6bce11ffde1d192a2aa2f2b8437ec919c597ffdc', 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: 'b1a7a1898014ff30b8cd475ba2178f3ccaa725ad', 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: 'e1c065b664a76b4c12f35dc444924032e6778863', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8f09fcf4999431150c357c81ddd2f41645d63571', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd266959367cb68bfc5e76140042234aa4b17692a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '48e15e2a635c9049d6713e513547e030e810dcd8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '44ece53b554df902bddf66f1cd5d254ba2bd77d5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '9947d7a8debc4903d878376def657f8d09473d6f', 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: '1daa8acb6cd196c1f5f20977c03ecb87b1b38434', shape: this.shape, state: "default" }, h("p", { key: '3195a006581c1e4ba4a3d1c63eb5f8255cbe121f', 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: 'd91a21a0d52cf76535e20b7ac69b3c7ae8c4791e', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'c343a2b12344c41eb11578bd21c3ac56015b7b97', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3417cfa9c8ef88651868764d7d07574673c08aa1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '6d31e69687cbf2be1ce69c55b51169b1372ecb3a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '31941c008318e380008f4901f9131d635e30b42b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '64a675f6ae10679864f1f824e3a230f4ae71daeb', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'ad57014d678e38e637d8ba76233f728c1f7ee61d', class: "pagination_btns" }, h("gb-button", { key: 'd099b149bd46b87dc5930a5a4b483dc5e3af0641', 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: '9bd4278f3157b9a616dcf06e07f663c05ce91bd1', 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: '20a4b7893d5f3f5d59316e270adb86b136489c7d', class: "pagination_entries" }, h("div", { key: '268264d2088a74d18e70d0ffabec631dcf0d4bf9', class: "entries_text" }, h("p", { key: '7b137e6c688f08c77c98f54c9d473dfbec9aeb7d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2ee8e7926e5a46e38d9a513b99152cbd46bef060', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '025c65c1c11333114cc7551abfa8932df7f3aa12', 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: '14ce1181cd122b5b197c34ef5a5f9bc57c63109a', class: "page_number_text" }, h("p", { key: '686292c84518752b76e5b0b1978b85c07c8fb2a8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '73820daea8de366772d9473e93709413c2b218ec', class: "pagination_btns" }, h("gb-button", { key: '793221da9511dfa288c25fde69423c8fb5737317', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8185b4dcedb36203933df9d51e4de12a9e696450' }, "Previous")), h("gb-button", { key: '89ca18642d6487d57eea7ad48eff1399e09d5759', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '59572fedee6927f45f5f5b272c69344b7950b524' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4194d68f2444fbb26c2cb95e95cc05b9ce8127cc', class: "pagination_btns" }, h("gb-button", { key: 'a23ab28927b488854b7843ded3679ab160387284', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '90f70a4c3e34987e8060a2b484f181d86f43cfaa' }, "Previous")), h("gb-button", { key: '63b350709bb0ccb2428bd5f3b70074055b77e62e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3cf0f238133d501fdb177196f73223f44f5f4280' }, "Next"))), h("div", { key: '2d1016bee6b6d2c3d1728cf8c86146e598d7b953', class: "page_number_text" }, h("p", { key: '16221ca8937e764b8c2921590b40360a4a9a6aeb', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '3a39ea0c007c3b9175804593440544d7c2f0d1fc', class: "pagination_entries" }, h("div", { key: '07611df78726780eedaa244d94d08b16d9a3ed54', class: "entries_text" }, h("p", { key: '2cb90f2493bf43aa822ebf3442357d9fdd7c697f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8056fcc4f4f1b0230e559763274edac9918af0d6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4d6570ec3d329eac7c69e96d2409f0cf33aac452', 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: 'e7162dc4df2fed2f8bace2e7c5c8258ce2d6cc1e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b2dfd35beda46da83d768ab07de3edacc5a1a4bd' }, "Previous")), h("div", { key: '0a07ae8be2760c92a6acfad56b3f0f4d246d62f3', class: "page_number_text" }, h("p", { key: '25be62014d8b5bfa93a435438e6fa57364e52d03', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a37cca5c4d517c84b92ec182d4de2396ef98e6fb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ff61ef02cb71654df58c21dd017d4fab6ac7a7d1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '86893d6485bf87ab69f6b37dd29626fd24a223ec', class: "pagination_entries" }, h("div", { key: 'eb92ab88466b08865c83a9949d32d894b1f6f247', class: "entries_text" }, h("p", { key: 'eecef0739c4ef5928014643fd8ee688e6d05fd62', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '66ca1afe5d6d21df4c25ca8c15e927f00e6bfe19', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5b71a9c77844ae555fe0449476e408e9ce29b965', 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: '20ac56d175c4bc7929f54b730fbcc03a0268dc12', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a73f6aaa819dfda82ca33b34871ff87760e26dff', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b3d2b1c4953c69016ed3bda0067941e1fd6cb79d' }, "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: 'cda5d1053b76667edbb482eae64f4fe4d791810d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b703c9a513eef8c15025bb841cf8ca6eb4408dd0' }, "1")), h("gb-pagination-button-group-base", { key: 'baac1e726ec39a039803db7e473998afb9772075', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4887458fb86e6a5e8cc525f08997a14d9f3e257b' }, "2")), h("gb-pagination-button-group-base", { key: 'ef381c821ce0c2ee863eaebab13a695ade1f946f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '14dbb52d393ac2a9a91a82fa2c3a9de6fe61ebc6' }, "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: '339a69810a583956e687d292800d0fc8fd189dc6', icon: "false" }, h("p", { key: '615950dfedb6fb86911ec33bc15a35e531ba0dba' }, "...")), 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: '32ecd3cb2ef682c931b933df5f72d336ba6ead91', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2f1b6ed5706aa9a3a1d01fbe8bd9c55cee815db8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '3b7eaedc40cd6cd52cc486e7c2e33d4126cbdef7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2bd429b408c3fe7edabc6e06f02118ec84435c93' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '70360396b155ed6d0c3d1a71be28fc992fdc11ab', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0e37938c6513c12d71b5c3f55b9b6a889e04e9f3' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fdda158873a16c717a86d44e5abc87f00f04fe92', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '39d13bd09560e2ed6d4f3a7f42a45bfbb4f33189' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '15fd386746d92049240f3ad41f4c715061af75e7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '51b51f2d65774eda7be2914185460b44be9a948f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a41635636b95155fd56c2df11f7a14c707af827e' }, "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: '9632837004e3e2cef7559617078430eba78d417d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '810fd34305eb54de6c0534707c47b16c85244c8b' }, "1")), h("gb-pagination-button-group-base", { key: 'a2703a8929ac268574b151f0defcf86532249bdf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f5931e4a1b54bb41fd1ae248521ec02640ae1a49' }, "2")), h("gb-pagination-button-group-base", { key: 'ab0fdd9d1be104da88f8501fb224c073cdf7b35d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5f8a34ba8ffd0679b8e65e8f0db9297033a1520b' }, "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: 'cdca3c7366fe20c3b8fecc4e4366693233872cae', icon: "false" }, h("p", { key: 'a71c8f6f96a4f192dd22c11eeb46a8ecf6e0f21e' }, "...")), 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: '092f1d17dbee354b1bd65c1af9b8731efac410ce', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c31fe315a0c67d3cd49ba7f23abda741a2022eb1' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9ec8cd0f4e4d6df8e05774b8fd990e4a11be8489', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd710c62812f5c896a60c409ed3e6e148533dead9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd069b84da9765db1311f350f4bbbbdc76b999ac3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e9c53516ef4f5b94934c3fcd0f544ffc962264dd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6586269081446485d766eddaf7b7aaf607b44db3', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9f33eabd9b8fd29f935a6a0114fd31f31029aa7d' }, "Next"))), h("div", { key: '14a54ca8ece77261710052c17bb43cbd25a19419', class: "pagination_entries" }, h("div", { key: '1d15108b7b1a163bf6e5fcf64878daee271bfb4b', class: "entries_text" }, h("p", { key: '5a74a677e4966b127c6330ddce95d367f1419c96', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a64e29e9e5aba4da69509321054dd71005907657', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '061eab7c7964c86ebb21dd48f393fef2bc486cb6', 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: '5414d0fcaa502cff6888b7afb0e336b319d8e8eb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '504baebbfe2646e33bb9f6aad0ca52cf98495040', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '592208148062397f09f3cb649502fe45bb726dd6' }, "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: '3e0f4d5cdca3c5149e29a0a8c545151759f37bc0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4ca908ef93ca317d7b2ae4b88dd213f0cb72b3a2' }, "1")), h("gb-pagination-button-group-base", { key: 'd06044485c7b2286b873fc4519a2b8cc9f650f03', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'cd1a36da632d406142d0805e49be121ccc62afae' }, "2")), h("gb-pagination-button-group-base", { key: '81c5c569078fe2413f1d608be767f241df24da99', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0a9e5af349d61d348803383d0e4e9acbaa55f45' }, "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: '959adb37dab650b36c6739cba1afffb0819618e1', icon: "false" }, h("p", { key: 'df3ada2fc8fd12046b37746b7b86b3fd1f0a8ed9' }, "...")), 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: 'd5123055b50aa1f33c78af203499f296857c35e6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a03ae0f86f5f40fcc2c328fe26042ebe5fd552b5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b4088165a4aff1d69f361de9bc1532c0e23a399a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '8acf9c8500dc28a70c2bdfe4775aabae8753aa85' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'b2cc15027f5b99904ce2ebfe36103c7278f81c60', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '32c0e3c9db274396f028c2e422e5df54832673d9' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6c929409f9667d2460254fe1c809fe52f01bc6ee', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '586460b0c7155f4e473c6ef504a8150c5f422897' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4197593b8abb00178ff9d942d576edfd88d7cbf7', 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: 'b413dd21294a378e022b75b0dccbd27b85ae6af8', class: "page_number_text" }, h("p", { key: '1170c2023c63b064be5216b168d14ba92b3dc379', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0e6b8c8ec6d551fab08e1eb6276279063ee73fe3', 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: '93e53c18b0116dc8b176adf36fe7bbf0694059bd', 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: 'cbe5142902e27c90b5fce706a56be27e9e011a29', class: "page_number_text" }, h("p", { key: 'c4684cf3680d351bb71b2c4b34e5067da188c6ff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3542d336633877e4a0c8b53f7f43e47b494a691d', 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: '8cc4dd50bdca403472213b51106b082d0b6ffc21', 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: '8560a2829e701bfe13c95d785ce4a3dedd3ff4f9', class: "page_number_text" }, h("p", { key: '205a3481847d65cad23cbf4980149bbc068c6362', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '46c29f63416557d78d063ea9c8c2e943275da0d2', 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: 'e882c65ba0b10a8ab92fe67ff80c244e797edb85', 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: 'bf44492d977279d549b135e646e783fc37b2c223', class: "page_number_text" }, h("p", { key: 'a7915be0ade43a831d858e338d46922bccc040cf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '577b9c3e33532c6ba3a320ad977c3378dc72580b', 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: '9631bfef72ab618171813003888a819d2b2980dc', 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: '4fe81de38a52b6f4a444ba869c13baeb5e701ebf', class: "page_number_text" }, h("p", { key: 'aea178f2780c7f2002b008c4374d94fc2653b901', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '42e071577cc05b1c3c8d2e0439d2c427e898f5d1', 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: 'cb88f67e955c248a836733aaea7359a9883565cd', 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: '9eb40f83734d2496444c602ed5d428f63e6f3885', class: "page_number_text" }, h("p", { key: '5641f91d1a9ce301a588674a4ec5bdfe22ff042a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '994bf31ca7b8611f601574d906f052da259a9438', 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: '7d4262c5d4693ad4b2f5699d489e9955c01a3362', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9363d1b152594b4fd60b283c85cf5ef9f3e1e7ce', 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: 'afe8b05250701e55d62211a96355bedada707dfe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '49e27ee12326948f52bb9b9bd813908a48075457' }, "1")), h("gb-pagination-button-group-base", { key: '8d0a4d2e17b7f87e39d8ed66b0c4e7c77dec4f63', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '759d651cf24846b8947584c49db7f24a7c1b27bf' }, "2")), h("gb-pagination-button-group-base", { key: 'd8a362e7aacd57d885b486740d8bd9c79f48e1ef', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f8f5e2a4173facd97f16ab7963816feb75d40e28' }, "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: '97d7501a59a1e1c62d45e4990aaf13554aaeba65', icon: "false" }, h("p", { key: 'bd9f4f9c4c04636de0f7a85c741fa8c109f876bb' }, "...")), 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: '357e8c410e35095bb17b6733224fbf01ad130263', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8441a16420e6c58e741536285a8c9fda0a486fa8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c000eaa10a7684a8faac62b24b821cf8dbe0f1c9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '084a79e69486fa8e1ebc354bd70572a93f3e98ab' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c75842a1e3f777aeff9c977b3445b98c3027e6b4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'bb85ec1a218bbf93bd731cbe8486ca302c7b8428' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '74cc10d415586fe57cd7b0ce3382bb6a68769cd1', 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: '56a7f57048c7111481e55c9e0fc33752baae90ef', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '83db5d6f96c9deb2762430f4bae7f9fb03e42ac4', 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: '9f5cc2cd9b4375ab8567adcee49051a0c23ee052', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7e1a3a6d0a30375ef1157f5b7c96939b4bd1bcb5' }, "1")), h("gb-pagination-button-group-base", { key: '11be194e989e65821e077ecba5b7f8bdb8fbf6a1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '711590a5a3218a58bb8d238c1c93ba2d6fd03ad5' }, "2")), h("gb-pagination-button-group-base", { key: 'a704cb8ae6307d681d85a5c5a27288644483327b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd59c57030493c9e6bda5042b5c13545d06128423' }, "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: 'fa8d3bf6ed6adf4ad29badf34c68e6128a1df959', icon: "false" }, h("p", { key: '33ea0e66d0939a40a4e3b8a8a702e92edb3e9049' }, "...")), 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: '975338729b3d617259be56b0cf9fa3c30e06aaff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '89ab3535d5fde3b47e5e2eb05cb3858f0a2a6215' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a1ea49d291ad86dbfd41054ad31708cff88adc3d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5cabe832d6c8f061ae522c3b8d08431b9f01e74d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'bc8ef5266fb845bc61906a5a5654a29beaddd941', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'bc03615a969e245d75f8ce0726fc3baede30fde5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'cf5f35ea3d5e2857fbeb61fa21812c043ccc4a50', 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: 'd069019f15c61760ee8272bb020652c2124b0491', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fea83ee60d1b9db6a23e0b7442e7e21f29e16150', 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: '40c5642e01593d635272008995903abda59adcf0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '08bd31f25cfdd08fdd8271df6990d31ef77c22b9' }, "1")), h("gb-pagination-button-group-base", { key: '78256426a3f5d5128aa14784cd8460b7ef9cd698', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '24bea0b51296dd5434ab15362b408702738dba3c' }, "2")), h("gb-pagination-button-group-base", { key: '7a9b9994daddbb7161d11f2b5f59384cc8fd82b5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3a1c6915137fbe1fda643acfeee303949137caff' }, "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: 'dd0f2e883d922b93c2aa3837870684a4c9d981a1', icon: "false" }, h("p", { key: '50f066c105bca8861da7b48ebe09629de2939bc4' }, "...")), 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: '6ffa760ea380231edaf6f09a95f858dcf9a573f0', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '1b0d40c538ea7d075f427c3a99223f8981e0df60' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e82a1dfab7c647f96c8e84ee1311a3a16e524e50', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '009d668fd669989eee673b1572452641e472234e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '959db08aa5c8d117284cc613e60c82e26d19f7f3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3ddcf7c28a66dcbc6ac88ea030da6bbdf63ddcca' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a457479f407962d5d3669081b80d66f22168a739', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'da97f3b4ae01037e605f5a34c7511eed42672602', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0c914aed1e1bfbe93a2787723ba7bab2736ec0a7', 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: 'edfe8763d631d0098cf1853316bab0cf9cc1d422' }, "Previous")), h("div", { key: '6fbed6b95640c2eea0ad29a6b7a11188f4979d2d', 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: 'a733da20439da26167a22e3ffc3a8aceae0e1e5f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '978244f7ca057aa68a897affd2045da2275b2f7f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'de22bd6e53be495684ac14b56600206eb39fd86d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '58bfc33093bbeb71e56d57c8d54c9ee7dab25faf', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '944a49fe87a3dff44109075ccbd42d2420a191d2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1cf7f6a3fd8b8b6741caee3499cdd95e96f2ebfb', 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: '60e15dd439bde3e20638272436b0c1cb49bec17c', shape: this.shape }, h("p", { key: '5d3be71259d1ddd421994a34faccff628e55651f', 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: '58feb1c78e2b25fa32b0cfaa697102972c81df46', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'd838a8e6e4e90a9b96e5c98e85c4e46a3e3f916e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a9362cd54159694c6cd8c674be811e3170d499c6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b67530481d9b0a9ed8087a251f18ada9dfa8f71f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '31771f4dcc22cf42113829872236b6d20aa5c1ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '0bc4a2264afc81bfc102ef34cc81c625cbad22bb', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '250f614b76fccfafcf3a3b87d59fe18f97f65d88', 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: '0960a36b78fa73a98cecf9a0612fd620a421eebf' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9e65f06fda497a092aee3825ac9d0173d75d0cc6', 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: 'd0f6fcd3ac91ec1058c80d4351bc538f5aa440b0' }, "Previous")), h("div", { key: 'df0d0f708f2380a70736737a7972eb1be19f086b', 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: '56b751206a69c9ed98071ad92542981ff2e450fe', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '7d64d01d019948f302df6f4086fdc02c67558f15', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'bbb616c2ad9777a470b21277555905457baf6852', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '632d88d9335bfb1df658fc1d1010f8c5eee9087a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0dbb22bc84b9264a8c4050d50513d966987ba371', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'e244c2faa9f5e0d546c436a3d593f321d39e94d9', 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: 'bd23ca888c86975d58bdbb0384bb3db52611a305', shape: this.shape }, h("p", { key: 'b7a517d155f0f617e4de7d5136228237a0f33be4', 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: '424ecea92b14e1f79c644d35d1f13a8fcbc12395', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '59ae82b73e54f06d278b2b9a636673d0c9829c5e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3e3855ed7fc7a1a6ba8211eb77524d2267eefacd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'eabf137dc84890cb1340c959400fbbe769d1600c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'cfd84e70ef3e5933522660a038b04b088e55c767', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b49f04e2de1786ba6f6412dd8ab79b918ffa73a0', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'c8edc567d7189faee83772bb8bc0182048ead818', 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: 'd5d360017eb86c31b35b9d708aa862d114816ec7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '15311dc2c66ae3773a9d07ae0c51c8c52338e5e7', class: "pagination_entries" }, h("div", { key: '68594524aba09dc44f502394b7a702c4f01793c2', class: "entries_text" }, h("p", { key: '0ce84151e8449600d07619586277d9183956cca0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '426b1f273a83ea327ba3e8e9b9836d1363c01e33', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a8875361fe55d1967f453c5ea8be33b2aa05234b', 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: '96e6f17c6927ec16596a1fec595d99b00ac0551c', 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: 'e4643989858508f0a5d8ff7142ad42cb6aab73c5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '0973e81bf4a089331b3fb906ef58344ce0a62691', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e25101dc07128bba93a8e279af667926f36ece0f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a3eed273418e877019358dc66b9cc26119782c2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '86b462eb64c7ab712dd97a7fc4c58e10d9732617', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0a2d66ccbf341d68958accf8540bef75992e029c', 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: '6528ddc2573421f8f1648c2258eb41de580905d3', shape: this.shape, state: "default" }, h("p", { key: 'a7b343e05ccdc543be38d87c3b16c1619cbc3f7e', 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: '325941b09c0e7d1283d8f695e5529b16f3753acc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7c9f257569e17eda20e67d4bd78d2de6d3099723', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '7b515fd4e0a5891fe50733f20e633277c920806d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ed2cbb661a5887f7fea48d92bc834690b3f6db28', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7214100c051d1182d69001a8015a7ab6047b491b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '8b45efe309e050bd3386ee67227387689b2e82d7', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'a1068d3b87eac2aedf4f808716f3db49f1c04d0e', class: "pagination_btns" }, h("gb-button", { key: '9bbc0c0ac84ae04ed83f5239ead350d001f68bf9', 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: '785192e40c16a02fd9f333be8dfce8a7a1c26e87', 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: 'ebd9cef7c98c7579d9e1f9ebb8ad41a233316d12', class: "pagination_entries" }, h("div", { key: '6e7555a344993fad15b8a41c024b2163d318bd8d', class: "entries_text" }, h("p", { key: '041f9f4497763f0c69727a8375010b31fe7e6f8d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '23b437305e9eee7fcb6507c08ba97a0449748057', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dd8d23236fea5b5bfb3f3e1f5b9af105b2af922d', 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: 'da24db6b6024390c71f22cbcedd75edc0dffdac5', class: "page_number_text" }, h("p", { key: 'e2b7d92f6e9fee1a813bb18cd4193ed96a71d783', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9e9eea5d442f7c424ffdb42948de416224cd7785', class: "pagination_btns" }, h("gb-button", { key: '00a4640b32d223979e979d57fa8f2eb6253a4878', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '30580efea8b40cf0a4044a220be1805a27799c55' }, "Previous")), h("gb-button", { key: 'cb9fcde87c3aacfa37f6e66c1417978a828f3b00', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fb8d964dd34269f375f00d4524bb4c888ce8edfa' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ca9ccce7c2286ca21b7ab37f0a104f30d8446520', class: "pagination_btns" }, h("gb-button", { key: 'eefc1a9e87eb19deeb6418579fd532e1713d94af', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7c6a54dcfee723fc1f8862f4efc8929d968c52' }, "Previous")), h("gb-button", { key: '9b4345cb4ddd7cce8dd8415fb3543bfcd36bba63', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '66f8d5d8308650cec0d2d685b6bed794114e8b91' }, "Next"))), h("div", { key: '1e467729d13ff7aec4e8526898c38482105586a0', class: "page_number_text" }, h("p", { key: 'e957fb9bbeb0378c85137385612a83d05119dfba', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'efcac1004b19293e88f6a9a418a9a5814ddbfeea', class: "pagination_entries" }, h("div", { key: 'e91fc6321fba2493c3e835ab93995a95a10ee3bf', class: "entries_text" }, h("p", { key: 'e936c776e08b3637c62c8e2b22970bad180640f9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7fed0f5722d6fa159e295ab5fe54572b442e906b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c0c6ba96a450645871fbf7bd3193e111f09f11a4', 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: 'e63c941267c1f67582cdae05b19117ae84cd943f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e5a1f3d9d446e4996ef53b509d71f410dbc06ce0' }, "Previous")), h("div", { key: 'a7f7d07efcd61b7509b51f019af12180ffd452b2', class: "page_number_text" }, h("p", { key: 'b7fe9f36cb5ce685225d08067e560d63e80b47c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bdbff3498fbdc5adcc175bcae72a1c3703d9f09e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6d8ce4809c23c71465539e633acb5b531e6266e1' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '265f5595f8a9b200dd59b1a10ade73067d0009b5', class: "pagination_entries" }, h("div", { key: 'c6e9e6b3a796332cf78946d5d05fc754320bd5c8', class: "entries_text" }, h("p", { key: '7b600eda08a5857b03e5d7c980d1a0fe0b7abd0e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6eb553133251e12191db09d237b788a56a85dc9f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6b46c49a53066f69ddee2e9427057a90209a7688', 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: 'e8732957c152827b152d19be39f7222cbc2202ea', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '697d29e38938ce5c236026ea69fc9bb18611c777', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6d5ef4d8d34dcc6bbe12327f954d9ffa9353be10' }, "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: 'ba3630a828ee4de82a7ab3453f6e2e40def17682', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ca112496cd9b91f2d41240b57a3e4d150b26ac3b' }, "1")), h("gb-pagination-button-group-base", { key: '355d5fb1d582fae39ff5aff32cd88683b7797660', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e99c0d7985154ba2e02f8c43eeed42a1ac0ec1c' }, "2")), h("gb-pagination-button-group-base", { key: 'a64b5088c9fb2dd0e4a3b03df198d9f62c6d0e22', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'abd4396ec3ab99a013a9d27ef5dc52574fca7edd' }, "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: '54891845442ac26ff58c8e290013a298d75d74e6', icon: "false" }, h("p", { key: '5f351c7e94084afd48198ce29567e17b7bbd3666' }, "...")), 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: 'd04fd3e53c7d0ca4f261b8776875bf4f5941f7ed', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '95208e6266083194caa2efbcf8e69bcd7fce566e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f13154530174c3daa42b8433e1561275c97f2feb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '67cd3e6c4b9727b3fe2e3398dd67c119adc98c46' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '81d3e10510669f9479385f070083f3920c61d14a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '16d656dc81dcb2ad4cb76c18d9e2bee4e3f7f7b7' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '778ddc84e3d0a94e0415163c12751f26152181bf', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0085354a6d7d0b69fd671c0bd40822eed05ce023' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9e0e628dfa7ff1e4cc9c666b159104565c7a8632', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4180f68c0e2597cdc82734e945f9e976bc1e958e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc173b241940422c462fabeaa241506a17ba4af0' }, "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: 'c62155f3423b18d6503209c44e57e0b666803535', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b7cf8126c653738e13da2848eb602b2b3bdd47c8' }, "1")), h("gb-pagination-button-group-base", { key: 'b56c59f82d9e7ff1334ab8070d24dfd5ce6cadfe', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '99e1a165822f142006cffcb02752b2ae00ebd99b' }, "2")), h("gb-pagination-button-group-base", { key: '863e8ee9b1b5fb11daedb4f981898e2a754363ab', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d1e7876ac876fa73a43ce71ec9726db63e0fa6b' }, "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: '079c8ee63741b6f543d64f64f39daa5399e9e3bc', icon: "false" }, h("p", { key: 'd32814a882538d3f977bf1d1c7d51887c9d9b39a' }, "...")), 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: '01315d23b67bc8bbb3ce6938942a267ecaaf2d29', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a59f6acc6646d2993375173791ae4f795cc5d8b6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '79886b309d5fddb84d36142a673d3fc1a5e3ebda', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4faece6539b9dd90ec55ea9d9b8b22b7203f5e05' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6e893f2bb474d30fde401d4d3af143a71f902550', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7c0a291c921bb1d108cd30c005ee97ffbf0f4a21' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '153bb48650937781c6c4452d61f35d90ed4e3102', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '26e24ef7222baf383988dd139b257bcd4c5ca262' }, "Next"))), h("div", { key: 'f6a8993185cd9ec54d3e7af70b001f6a5f5b6f71', class: "pagination_entries" }, h("div", { key: '0550d43d672629aca8ea607b899bb2bcb4b1daf0', class: "entries_text" }, h("p", { key: '1c383547d2b48e40c825d03968e74662cdcf91b5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ca834d4865a29d40a8424fa91089e575b5618044', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '366938a50d1201da06109872f76f13f63133c47b', 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: 'a8875e50e800f971fe031d0ec1e86cf002df9a3d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '77199981563ae3da3efded55236abb9f759e1f60', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46ed43e0532f4dbd05ff6d81ba4bfbc71256ebe7' }, "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: 'd0e8cc81728fac7e3a53890acd115b1789d41574', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '458dc9a69ef9ade2ff75efbb91679524bf731c1f' }, "1")), h("gb-pagination-button-group-base", { key: '350f4146a9478710d9a711640f5180cfd5aa45ae', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '93147ab6389da1357b085ac33886d595634ca563' }, "2")), h("gb-pagination-button-group-base", { key: '0c70e18a278c57ae064cfc5cfd7caf25f2ac3608', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31361b05dc6324a2decb132d23210173b9e687c0' }, "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: '879fac21e394938df7aa2fd0fc2bf00042dfb15d', icon: "false" }, h("p", { key: 'cd9e3d98ed9899a719917d05b822faf79f72d025' }, "...")), 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: '44be2a37e00b181d99f27c167a81a8649a568b76', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '340ea0a753353c75da7d6553331495aaa5316af9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8f78f6410aadcf00d40252bbb6301ed54aed5c51', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a62e4210409c4b178991eda471eff5a9fa12c874' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '693e6a98745b0f05d657e411893ce4e26fcdcebb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e46a03091193152e2495d1d76323c61dfb2d4902' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd849fa0a40be702f06cbf57c687effc59851e492', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1dfa065623d2bd54ff32307cdd545ef9bf400429' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a7b7e0b2d867e88e09911e32878a377fd4d52e14', 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: '7b5ab5c5cceb098f19b4aa5b2863a6b4878cb3ae', class: "page_number_text" }, h("p", { key: '5cd2ccd5f67d1dfe078e63d4abf3c9508e30e103', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3dae7316942e38a5c9a8514fe1bf77dad650b70e', 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: '2c821b7c6c7ec353ef761b2198b55003d51cd8c7', 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: '5a1e997e4e5e49567fa43c24a3aae546719567fc', class: "page_number_text" }, h("p", { key: '80a9c709f236ed9f17d64399ae98f3a3d2d6307b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cb66bb144bd68a904832b46d8c52c091ddcc1a9e', 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: 'c69499b7fd03b792329dd67916a270ac10fc51cd', 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: '16134816f97d6ae34816e0db51bbc3d55274c1de', class: "page_number_text" }, h("p", { key: '8fa616b5ec712ed141b22bfea599cebb09db3515', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0be3579c1e0f5d7835396927849725e28ebd7246', 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: 'edce873c03557db10dece1dacf2bb5283610d3ce', 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: 'a1aa27de9dffd00c32516c2c8b767df787ecff23', class: "page_number_text" }, h("p", { key: 'f0278c6cd02d215697069ed43c79d9d491098bbe', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '55f680efa2f9c629601899024e6275a8df7416d6', 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: '6e2916af4cc662b0e0aad8b5391f12893d884b35', 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: 'aa314050de1db6b64820f1f058b68c0116b42728', class: "page_number_text" }, h("p", { key: '0991cb7045c29d8ca905b1fcdb43a35480ec950c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8229900fc1db91633f58fbc2d61d40955d68e78d', 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: '4a2ee94065a851a177af6ccc5bcbefe6b7518fda', 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: '90d140198b6736a07289520b28096f8f192484fc', class: "page_number_text" }, h("p", { key: '69c59947004779e099ca6a102b365d309a059a75', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3d58e831d93567ebaa1251cd502d3891d4c590c7', 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: 'd53a4016774b09bfea3d4ec5beb1ec334aa0ecd3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fec4db2c2e1cedd8a8b0bea69127221bc9eb900f', 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: 'e6cad45535a6238656612893faba7682b3f599be', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'bcf4fcd242c79becf7ef231b230a61ded37bbfc7' }, "1")), h("gb-pagination-button-group-base", { key: '58e693e28134d566599c9ca8e21eb2d23b6f9ff3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'dcbda432fdd54b623c514753b8497f644328574a' }, "2")), h("gb-pagination-button-group-base", { key: '31ffb27898df928ae94808600eda95c0a3d7ceeb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c4bd2294e522896c1952e941a29cd5fbd83b885' }, "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: '2d3570a12dec36b8379a22dce30c245c69d1889e', icon: "false" }, h("p", { key: '7c69118c6f2bb480beb7a92710badb13d7d96d4a' }, "...")), 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: 'e293f95355a0325d10940e4ec85e28de94e6dbca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0b60b670d5d607dfa10cec317c5ebfd2b47db1dc' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2d4caa3c6d30e0848c3b692aa756f9759d95fd17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '846f03a0d18b30779803656c828b8b90b5419be1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '7da3a6364a36917da9be53d3f34cab88aec9ff68', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'af486777f40902932444ef25a9a9ee6bee7b1764' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b1a238fe20043dd156c44e156216f03ef73881a9', 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: 'cc1a578ba7e1dcedaa638f40415fa34a2a6f085b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6b4fcf4ff19bd3509f60456ceba7a9a79a33399a', 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: '55976e30b793589db4eaa24e3248c459766b2f8a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3a6be2d76da5a26cc62c0f43fcd21658a0690d8a' }, "1")), h("gb-pagination-button-group-base", { key: '18c8dfcad89ebb8a2f7b28518619b50b580e4568', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a8c2bdd579d7df2f16e89528cda2a736a2087ced' }, "2")), h("gb-pagination-button-group-base", { key: '490fda6c4e90fd3228818b3f0c35eb2336920ab4', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd6a95dd6cc9b403efba98463acba8d9496f72f24' }, "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: '37691db05376c8cc8a6ca50dbcfeaee82822a733', icon: "false" }, h("p", { key: 'fdc68158bdd916ecd330cd200a6fc5fdd33abba1' }, "...")), 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: '8f723cf6088173d22f8a8760f1b684a72f44afca', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be85706f424417d9b886484e0159e7696edcd52d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '914f6fb3dd53acb2f23024fa0207cf4f5d886afa', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd248ad44456cd1f0efebdfa75db4c22bcb6b2891' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a239727405677de5d2b44e4bb9123f5358395f6b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a87c0fbff9b53f92498b3802b1d786b82befd4b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '535bd7156bd89dbab86667d2529e6b1eb79641dc', 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: '57e133a816f598b863f36f6a2b2c90156e59a6ae', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e659a0ec132e811055af5a7c7374052b18711874', 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: '358f09fbb1a90b6b95a87a9a43c8f0ffd5ead9e5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a471957a9f53c788993bb44319b0e22f6bf18375' }, "1")), h("gb-pagination-button-group-base", { key: 'ff3c20552b71f3fb5e94fc7359004739deeddd70', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '535aa19477deef03cb4ba1663d0f0d3e811953ed' }, "2")), h("gb-pagination-button-group-base", { key: 'b9a5a24b78644f50aab658ea7452d508c4a3dbfe', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '33ce7a94713a2d107125c59d167972242fe9d1d4' }, "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: '69cc2516cc434cde9ae9063d619e4cc1fd574dfd', icon: "false" }, h("p", { key: 'd7f4e586384c768e81e88b67d1adf04b9c56fb27' }, "...")), 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: '3a4d7a9f3aef18946d8187580beb426d4a549d93', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '94cfb8b2d1d7cc4c207a71bc18822080c8b9c440' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5c727fdf28ea4b2db8fc21991cee0213b5d46819', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2e20c80b7a060634299260674260d26ada820c2f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f60b32687a519e09ef151ab5df0e1b877accfe00', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6a197174b7848e64c607ffd501a603c22e2af9a0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c12aeb08baa7e4ebfca0c71dc3411a2250adf8f7', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '83872945e3025ca916a265c3719b3e2216d28bbf', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '1819d7d2ef5709a45091910edb7d4a0ff6fc30ec' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '789da28ab695df82415a8ddd3f0823736343a0e7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a1021df976ef158ec642b3297059c038ca5e4c0d', 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: '0ca931232b1de7f47ae8fc540904f423616e3214' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '5e3e6536f5cb580cbf38dab6ecae2b174b73d5ef' }), h("svg", { key: 'e38510e476e9422affd000d1a0857eb9d580b388', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '38cea37c010ee79e6aa63a79a64bdbbd208ac95e', 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: '279ecd5ea06d2a410deb0636ec7f3656c28d58de', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '944704a358ae33a45d220f76f5845bc9f9ab6cb1', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '9ef5d62dd208c5a250fca3096b6f10c0858639da' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '93a2c912a773240b3a8a1cebc9073125d26e64e8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '8e2d2f90979cef7d76375228a60c2a080d1bf9e8', 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: 'c85b821a8e25e6a2fdee02b32b1b7c74b28bf550' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '5d81a61f793dea0edc3f8e26efe10be4d9dfa0c9' }), h("svg", { key: 'bdb18c9c018cdb3fc96d868da8c13b3d3d0da05a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '564fc23d61b592f5fd02fdb807e30fa914ca83c3', 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: '592327c94805d1e35e2192ec8b684fbb50e92442', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'ac967b0461743f97f4776f757b97440be3ecc0a8', class: "dot_group_div" }, h("div", { key: '45b3ec18397c98125b81c06e587cbafd0c652685' })));
+        return (h("div", { key: '83f2fcbf8f6357fcfaa1328e612761cd996875bd', class: "dot_group_div" }, h("div", { key: 'e5171c5d2e16a0f3ffcdf5bff02d0f6baa562f73' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'c68f84784484d499170d9ea2c1338122566a6af4', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '115d5d20c3501bfec198ab6cf5c99aa6ae20e594', name: "page_number" })));
+        return (h("div", { key: 'e8958620ce8b5c6f929fa46ac691289aac712d28', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '57027678b708d2a4dd4b8dc7aa661bf3c359063c', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: 'd83ccc1ee62d149bfd1c2745ffa3fdb86760ba3b' }, h("gb-btn", { key: '01a19904699a871e46c5dee672f62876e1921059', 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: 'effa345906406869c4b088d86a8ef105e1e3c5cb' }, h("gb-btn", { key: 'd35898b09ee6894b6746a86c1d456ff9b79fa1c0', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '1a6b6a2d00fb618c0b1bfd87f523bc47b1a3da4d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '20bb475abfe55bb24a1dffae25e9f28ac2d1146a', class: "progress_bar" }, h("div", { key: 'b24d2f8631727318ca3cf477740ec71079ff9eb4', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '4570375e0cecd26dcdcfce6e9f9029153c1caedd', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '68819da744b7af1de18ad70231bbd6756ca5863e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '3d7065c2cef9d006a7d65ccd67edae0288f9a704', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '5a89b4a3e4fc595d4c5f7e7d796d6bfbe3cbec0f', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '0be79c1dc87b9461ecc0f4105af8fc4806bb5993', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'e135fff2e0a362f54f832a2dc8bff83c76560a1c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '57eb64579e020fa4d72922e26162f1cd9d1a02d0', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '4f94e309bd760032344bf1f40a6d0091ad456fec', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '8398591ac6c7357b5a8efd5dd2cec160f1e60807', class: "progress_bar" }, h("div", { key: '54cc10b294a4c951cddc3935c91bc2be86eb3916', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '89ba9c56d50c7c4700b970cb8dec2d274a6b2ae0', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '5f4910cc5adc0c5f2d3f162f27f879102f68784b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '52137f45758dd4049b8a0987a96f64bfb1ec9ad7', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '6e02e3eb06fa5699058524b8f3432c8784600f3d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'b49f4f76f2fb92b598344707fa2b1630cb73ce69', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '6ce3bc63abf87dd0b69ea9be8de1d41995845804', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'a678a432cf6e90ef734f539afc975f32b9127649', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'c0258b5c5857ae5b2143662bd10896e61100843c', class: "gauge" }, h("div", { key: '54688de931afc038f551f689377def13a7853fe5', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '43db954c7bdc6ab28089d3f0e454a77865a66437', class: "mask" }), this.label && (h("div", { key: '59e17ba66470bd549b13e11a21e23f769488c6c6', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'c07d3aebede327d305ac616479e6d81328abfa42', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'f4c73e548aa435f994a0ec4757b3bc22cbad5679', class: "gauge" }, h("div", { key: '63d1c2bc86861297744d209e45027aa68028a470', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'adae46ed73a463aa6597cd0d7defca389832c745', class: "mask" }), this.label && (h("div", { key: '196116bd340fe3eaa82ab77c61961b660e61bcc6', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '63a3af8cd346912d64a546cd1b48408b4a9fc074', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'b045988293523f8676517ce380ca6add16f6f94b', class: "quick_action_div" }, h("gb-card-icon", { key: 'e6df48efe2c73eb31e6de51ad381123e8627db1c', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'f1de2a889183d25d129236d08149a7bae3fd6cb1', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '8a7bfa3c86f9289c2e2f9d03c05758a2aa684118', class: "quick_action_div" }, h("gb-card-icon", { key: 'f598051c09977cb3d4741510a8c86389a206a5ce', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'ea7b9067957e3f4f875151b236f801aaece06301', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: 'eb24b88a08c00ff681622a69d1a903a609e3e35c', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '2ad29c16bd839753db95e668602e7653ff8b0e5c', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'd518df5a5cdf8ae70e61e7908173aeb26cff4051', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '8b36176699f25caeb5731a6e1f1e6130c04f1d50', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c6a4f82a415b95dca8ad9cdb75dcbaa496e7ff66', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f736f33535e25b87fa75c325e0b266eb243aff9d', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }