globuswebcomponents 2.5.2 → 2.5.3

package/dist/collection/components/gb-metric-card/gb-metric-card.js

@@ -6,7 +6,7 @@ export class GbMetricCard {
         this.percentage = '';
     }
     render() {
-        return (h("div", { key: '585c65b79020cc39af7ccb6ad8a033a956271b7a', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, h("div", { key: '1ca12288117c5658bc604e201ca6a31b53567dc8', class: `icon_and_label ${this.size}` }, h("div", { key: '1e6527af43bb27085003fb2780002372faef5e45', class: "featured_icon" }, h("gb-metric-featured-icon", { key: 'cee0c0d1397a5ed16080cdc0a5f93a40fbf6419d', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && h("p", { key: 'a2351183dc4b735c455a70b02dfdf09d6e1bf6ac', class: "heading text-sm-medium" }, this.label)), h("div", { key: '68584489f6bec3ee9498a483c69f32983ef73f8d', class: "heading_and_number" }, this.size === 'sm' && h("p", { key: 'a69987a28f94eed50a021e5aed5923d3e7859792', class: "heading text-sm-medium" }, this.label), h("div", { key: '57fe43a1eb126d637fabe296dcc41a283862b173', class: "number_and_badge" }, h("p", { key: '2ab3b05f1111eb775143b2f58085cb84fb6ea554', class: "number display-md-semi-bold" }, this.metric), this.showBadge && (h("gb-badge", { key: '73daf3d9472a7533b21ac517b79e8c4f2385aec0', size: "lg", type: "pill_color", color: "gray" }, h("p", { key: '27f866649761cfa93dace4d8822ec9d4228f1ace' }, this.percentage)))))));
+        return (h("div", { key: 'cf5a055a02fae8661846d9d27a3e6f2771e6716a', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, h("div", { key: '25a54812b629c7b6c4662287cbf527c2fe603b4a', class: `icon_and_label ${this.size}` }, h("div", { key: '9d3f4c74c1d0f7a68e52bfa888456ecd2e7c4a3b', class: "featured_icon" }, h("gb-metric-featured-icon", { key: 'c03726fdff4a47cc6ddfc32ac7738d6ce059707e', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && h("p", { key: 'd43c5eb154c73a371c62facd8f51189d5cb9f82f', class: "heading text-sm-medium" }, this.label)), h("div", { key: '90a18c05e6994de09c5d50cc1e22031d0894f855', class: "heading_and_number" }, this.size === 'sm' && h("p", { key: '9495da9a9513711da8b0a5ed4205e343b6ade9d6', class: "heading text-sm-medium" }, this.label), h("div", { key: 'b207b81d2d43e8caeecbc2c8abe4ac6b1cf1abd1', class: "number_and_badge" }, h("p", { key: 'dbf865acd82805b55b9b75533e2be5426dcc589d', class: "number display-md-semi-bold" }, this.metric), this.showBadge && (h("gb-badge", { key: '945faf0229e36a3fe569ecbfef2056cc72f3cccc', size: "lg", type: "pill_color", color: "gray" }, h("p", { key: '7375141dfbcd9f8f294291cc118bf228d7795a73' }, this.percentage)))))));
     }
     static get is() { return "gb-metric-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-metric-featured-icon/gb-metric-featured-icon.js

@@ -13,7 +13,7 @@ export class GbMetricFeaturedIcon {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: 'd283608b4fe2665b66fd5494e8ef99fc2cd292eb', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '5fa97ecb961d1fd1afbc67c4fa5d8b4b5176290e', class: `icon_glass ${this.size}` }, h("div", { key: 'a65e3d1e3af1bee0fa0ec2c15b42677ee7dc54d6', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: 'd45464dfc398eebc3ba6b386c5ceccd2b3066c55', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: 'f3541b735b51cf25b82e7fe8193d17ce645c4778', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: 'adddbdd72485e4c9b4f0563b9fa64957186912de', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
+        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: '6dd226785f2b0aff7da4cf494908b872816f476a', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '901c56db54cef98f324a269166f38366ee9a74a6', class: `icon_glass ${this.size}` }, h("div", { key: 'f14660c37b171a61c5e68de08d3b1f745fbd4d9a', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: 'd2198de021d3182d24111ba6c656ceb6c8b2fbae', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: 'c4157c48f3c069a7bef39afac33ae82f9ab2b6f1', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: '50891757426d0b1b2c366f9f5cc96c9d158e7817', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-metric-featured-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -122,8 +122,11 @@ export class GbNavBar {
             this.dropdownOpen = false;
         }
     }
-    onTabsChanged(newTabs) {
-        this.internalItems = newTabs;
+    onTabsChanged(newItems) {
+        this.internalItems = newItems;
+    }
+    componentWillLoad() {
+        this.internalItems = this.items;
     }
     componentDidLoad() {
         setTimeout(() => {
@@ -162,7 +165,7 @@ export class GbNavBar {
     }
     render() {
         const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '507e1ef6575f1afccf7f35955def3cfc7d1e4ae2', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: '9cca88c46883a1f12f6dbef3b46c3ae32d6d4ff5', class: "pattern" }, h("img", { key: '98026a1c3fb6e31efda85e3783d5f8fe77635b63', src: patternSrc, alt: "" }))), h("div", { key: '9725000be05e8b74d18f8315e3d3ebc7f122623e', class: "top_bar_content" }, h("div", { key: '3131903f87e926d186c73ac96cfd43eac5d3c468', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: 'b121f83616706830eee7334f3e8c704f5a43ddc1', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '099e64cd3553e4bdfc2b6ea160a1bca927e1dc05', class: "more" }, h("gb-nav-bar-item", { key: 'a9da1135fba6987a7f8f5ebfbafe32941ba419f5', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: '45889604e9fd37c07b4fa6d1bfc0fed72fad7d99', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
+        return (h("div", { key: '2b2ed88d53630d5b8cb5e92f96801fdf3951099e', class: `top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}` }, this.category === 'colored_background' && (h("div", { key: 'fbe4b79c256ea475d68f5726075295ea4f2e20e5', class: "pattern" }, h("img", { key: 'a5aa143d3a3acee115e1f0f33a13e35c7c8915ae', src: patternSrc, alt: "" }))), h("div", { key: '6ab2352d5d73bb467cb0def273d05c2cb98516c7', class: "top_bar_content" }, h("div", { key: '9819c9e00f9ea026774c84f2a4cd9f57c88a5b20', style: { visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' } }, this.internalItems.map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label })))), h("div", { key: '975db4fcbd3fc662fb9c5835c7bf5c49083a37c3', class: `content ${this.dropdownOpen ? 'shown' : ''}`, ref: el => (this.containerEl = el) }, (this.measured ? this.visibleItems : this.internalItems).map(tab => (h("gb-nav-bar-item", { state: this.activeIndex === tab.index ? 'active' : 'default', "icon-only": tab.iconOnly, category: this.category, icon: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index) }))), this.measured && this.overflowItems.length > 0 && (h("div", { key: '8874cdb49aceeff0e0608b76216dc0b494f633b5', class: "more" }, h("gb-nav-bar-item", { key: '86f3620476c78f9db202e0fa15d80ee27bafa9b8', state: this.dropdownItemClicked ? 'active' : 'default', "icon-only": false, category: this.category, icon: "assets/more.svg", label: "More", class: "more_button", onClick: () => this.toggleDropdown() }), this.dropdownOpen && (h("div", { key: 'd51c4bd702500ccbae97d2244374cb698119bf72', class: "dropdown_menu" }, this.overflowItems.map(tab => (h("gb-dropdown-items-with-shortcut", { icon: true, state: "default", iconSrc: tab.icon, label: tab.label, onClick: () => this.onTabItemClicked(tab.index, true) })))))))))));
     }
     static get is() { return "gb-nav-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"gb-nav-bar.js","sourceRoot":"","sources":["../../../src/components/gb-nav-bar/gb-nav-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralBackgroundCategories } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-nav-bar',\r\n  styleUrl: 'gb-nav-bar.css',\r\n  shadow: true,\r\n})\r\nexport class GbNavBar {\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() items: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [\r\n    // {\r\n    //   label: 'First',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: '',\r\n    //   iconOnly: false,\r\n    //   index: 1,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 2,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 3,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 4,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 5,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 6,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 7,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 8,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 9,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 10,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 11,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 12,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 13,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 14,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 15,\r\n    // },\r\n  ];\r\n  @Prop() showBorder: boolean = true;\r\n  @Prop({ mutable: true }) activeIndex: number = 0;\r\n  @Element() el: HTMLElement;\r\n  @State() internalItems: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [...this.items];\r\n  @State() visibleItems: typeof this.items = [];\r\n  @State() overflowItems: typeof this.items = [];\r\n  @State() measured: boolean = false;\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() dropdownItemClicked: boolean = false;\r\n  @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n  private containerEl!: HTMLElement;\r\n\r\n  onTabItemClicked(index: number, clicked?: boolean) {\r\n    this.dropdownItemClicked = false;\r\n    this.activeIndex = index;\r\n    this.navBarItemClicked.emit(index);\r\n\r\n    if (clicked) {\r\n      this.dropdownItemClicked = true;\r\n      this.dropdownOpen = false;\r\n    }\r\n  }\r\n\r\n  @Watch('items')\r\n  onTabsChanged(newTabs: { label: string; icon: string; iconOnly: boolean; index: number }[]) {\r\n    this.internalItems = newTabs;\r\n  }\r\n\r\n  private handleResize = () => {\r\n    setTimeout(() => {\r\n      this.calculateOverflow();\r\n    }, 0);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.calculateOverflow();\r\n      this.measured = true;\r\n    }, 0);\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  calculateOverflow() {\r\n    const hiddenContainer = this.el.shadowRoot.querySelector('[style*=\"visibility: hidden\"]');\r\n    if (!hiddenContainer) return;\r\n\r\n    let containerWidth = this.containerEl.offsetWidth;\r\n    let usedWidth = 0;\r\n    const visible = [];\r\n    const hidden = [];\r\n\r\n    const allItems = Array.from(hiddenContainer.querySelectorAll('gb-nav-bar-item'));\r\n\r\n    allItems.forEach((el, i) => {\r\n      const itemWidth = (el as HTMLElement).offsetWidth + 16;\r\n      if (usedWidth + itemWidth < containerWidth - 120) {\r\n        usedWidth += itemWidth;\r\n        visible.push(this.internalItems[i]);\r\n      } else {\r\n        hidden.push(this.internalItems[i]);\r\n      }\r\n    });\r\n\r\n    this.visibleItems = visible;\r\n    this.overflowItems = hidden;\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.dropdownOpen = !this.dropdownOpen;\r\n  }\r\n\r\n  render() {\r\n    const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);\r\n\r\n    return (\r\n      <div class={`top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}`}>\r\n        {this.category === 'colored_background' && (\r\n          <div class=\"pattern\">\r\n            <img src={patternSrc} alt=\"\" />\r\n          </div>\r\n        )}\r\n        <div class=\"top_bar_content\">\r\n          {/* Hidden measurement container for overflow calculation */}\r\n          <div style={{ visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' }}>\r\n            {this.internalItems.map(tab => (\r\n              <gb-nav-bar-item\r\n                state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n                icon-only={tab.iconOnly}\r\n                category={this.category}\r\n                icon={tab.icon}\r\n                label={tab.label}\r\n              ></gb-nav-bar-item>\r\n            ))}\r\n          </div>\r\n          <div class={`content ${this.dropdownOpen ? 'shown' : ''}`} ref={el => (this.containerEl = el)}>\r\n            {(this.measured ? this.visibleItems : this.internalItems).map(tab => (\r\n              <gb-nav-bar-item\r\n                state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n                icon-only={tab.iconOnly}\r\n                category={this.category}\r\n                icon={tab.icon}\r\n                label={tab.label}\r\n                onClick={() => this.onTabItemClicked(tab.index)}\r\n              ></gb-nav-bar-item>\r\n            ))}\r\n            {this.measured && this.overflowItems.length > 0 && (\r\n              <div class=\"more\">\r\n                <gb-nav-bar-item\r\n                  state={this.dropdownItemClicked ? 'active' : 'default'}\r\n                  icon-only={false}\r\n                  category={this.category}\r\n                  icon=\"assets/more.svg\"\r\n                  label=\"More\"\r\n                  class=\"more_button\"\r\n                  onClick={() => this.toggleDropdown()}\r\n                ></gb-nav-bar-item>\r\n                {this.dropdownOpen && (\r\n                  <div class=\"dropdown_menu\">\r\n                    {this.overflowItems.map(tab => (\r\n                      <gb-dropdown-items-with-shortcut\r\n                        icon\r\n                        state=\"default\"\r\n                        iconSrc={tab.icon}\r\n                        label={tab.label}\r\n                        onClick={() => this.onTabItemClicked(tab.index, true)}\r\n                      ></gb-dropdown-items-with-shortcut>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-nav-bar.js","sourceRoot":"","sources":["../../../src/components/gb-nav-bar/gb-nav-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, Watch, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralBackgroundCategories } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-nav-bar',\r\n  styleUrl: 'gb-nav-bar.css',\r\n  shadow: true,\r\n})\r\nexport class GbNavBar {\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() items: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [\r\n    // {\r\n    //   label: 'First',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 0,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: '',\r\n    //   iconOnly: false,\r\n    //   index: 1,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 2,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 3,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 4,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 5,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 6,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 7,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 8,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 9,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 10,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 11,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 12,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 13,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 14,\r\n    // },\r\n    // {\r\n    //   label: 'Second',\r\n    //   icon: 'assets/star.svg',\r\n    //   iconOnly: false,\r\n    //   index: 15,\r\n    // },\r\n  ];\r\n  @Prop() showBorder: boolean = true;\r\n  @Prop({ mutable: true }) activeIndex: number = 0;\r\n  @Element() el: HTMLElement;\r\n  @State() internalItems: { label: string; icon?: string; iconOnly: boolean; index: number }[] = [...this.items];\r\n  @State() visibleItems: typeof this.items = [];\r\n  @State() overflowItems: typeof this.items = [];\r\n  @State() measured: boolean = false;\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() dropdownItemClicked: boolean = false;\r\n  @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n  private containerEl!: HTMLElement;\r\n\r\n  onTabItemClicked(index: number, clicked?: boolean) {\r\n    this.dropdownItemClicked = false;\r\n    this.activeIndex = index;\r\n    this.navBarItemClicked.emit(index);\r\n\r\n    if (clicked) {\r\n      this.dropdownItemClicked = true;\r\n      this.dropdownOpen = false;\r\n    }\r\n  }\r\n\r\n  @Watch('items')\r\n  onTabsChanged(newItems: { label: string; icon: string; iconOnly: boolean; index: number }[]) {\r\n    this.internalItems = newItems;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalItems = this.items;\r\n  }\r\n\r\n  private handleResize = () => {\r\n    setTimeout(() => {\r\n      this.calculateOverflow();\r\n    }, 0);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    setTimeout(() => {\r\n      this.calculateOverflow();\r\n      this.measured = true;\r\n    }, 0);\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.removeEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  calculateOverflow() {\r\n    const hiddenContainer = this.el.shadowRoot.querySelector('[style*=\"visibility: hidden\"]');\r\n    if (!hiddenContainer) return;\r\n\r\n    let containerWidth = this.containerEl.offsetWidth;\r\n    let usedWidth = 0;\r\n    const visible = [];\r\n    const hidden = [];\r\n\r\n    const allItems = Array.from(hiddenContainer.querySelectorAll('gb-nav-bar-item'));\r\n\r\n    allItems.forEach((el, i) => {\r\n      const itemWidth = (el as HTMLElement).offsetWidth + 16;\r\n      if (usedWidth + itemWidth < containerWidth - 120) {\r\n        usedWidth += itemWidth;\r\n        visible.push(this.internalItems[i]);\r\n      } else {\r\n        hidden.push(this.internalItems[i]);\r\n      }\r\n    });\r\n\r\n    this.visibleItems = visible;\r\n    this.overflowItems = hidden;\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.dropdownOpen = !this.dropdownOpen;\r\n  }\r\n\r\n  render() {\r\n    const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);\r\n\r\n    return (\r\n      <div class={`top_bar_div ${this.category} ${this.showBorder ? 'border' : ''}`}>\r\n        {this.category === 'colored_background' && (\r\n          <div class=\"pattern\">\r\n            <img src={patternSrc} alt=\"\" />\r\n          </div>\r\n        )}\r\n        <div class=\"top_bar_content\">\r\n          {/* Hidden measurement container for overflow calculation */}\r\n          <div style={{ visibility: 'hidden', position: 'absolute', height: '0', overflow: 'hidden', pointerEvents: 'none' }}>\r\n            {this.internalItems.map(tab => (\r\n              <gb-nav-bar-item\r\n                state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n                icon-only={tab.iconOnly}\r\n                category={this.category}\r\n                icon={tab.icon}\r\n                label={tab.label}\r\n              ></gb-nav-bar-item>\r\n            ))}\r\n          </div>\r\n          <div class={`content ${this.dropdownOpen ? 'shown' : ''}`} ref={el => (this.containerEl = el)}>\r\n            {(this.measured ? this.visibleItems : this.internalItems).map(tab => (\r\n              <gb-nav-bar-item\r\n                state={this.activeIndex === tab.index ? 'active' : 'default'}\r\n                icon-only={tab.iconOnly}\r\n                category={this.category}\r\n                icon={tab.icon}\r\n                label={tab.label}\r\n                onClick={() => this.onTabItemClicked(tab.index)}\r\n              ></gb-nav-bar-item>\r\n            ))}\r\n            {this.measured && this.overflowItems.length > 0 && (\r\n              <div class=\"more\">\r\n                <gb-nav-bar-item\r\n                  state={this.dropdownItemClicked ? 'active' : 'default'}\r\n                  icon-only={false}\r\n                  category={this.category}\r\n                  icon=\"assets/more.svg\"\r\n                  label=\"More\"\r\n                  class=\"more_button\"\r\n                  onClick={() => this.toggleDropdown()}\r\n                ></gb-nav-bar-item>\r\n                {this.dropdownOpen && (\r\n                  <div class=\"dropdown_menu\">\r\n                    {this.overflowItems.map(tab => (\r\n                      <gb-dropdown-items-with-shortcut\r\n                        icon\r\n                        state=\"default\"\r\n                        iconSrc={tab.icon}\r\n                        label={tab.label}\r\n                        onClick={() => this.onTabItemClicked(tab.index, true)}\r\n                      ></gb-dropdown-items-with-shortcut>\r\n                    ))}\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -34,7 +34,7 @@ export class GbNavBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '22cf4cf6d4e2b81c35a6e1dd0c7b5240d26b43a9', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '7ee8e0bc3258ab06bcda6b3b3a082b2e52aa5564', class: `top_bar_content` }, this.icon && h("div", { key: '46e3708f31e188ffa6a60a797ea701d33a2f28dd', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '9108931e488cde1ba543204c95d0978a2b56835b', class: "label" }, h("p", { key: '9bdced5e9fcec84bc55bf398894490abb4a2be39', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '4f52310720ded2ffe97a269b5938c41dca0afedd', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: '46f3a8290ad8df6b3c3c79027447c600cb7202af', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '2ab9d3fe4d3c6f2f296d00c308da38b66d444336', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '61524b03474cc5c53e72458c156c080b8c1c9e9c', slot: "label" }, this.label)))));
+        return (h("div", { key: '82dff145fbdbdfc3488e6275422cc0d207753238', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8f61e8057c0bd96b08aac35a5e4468c5e304bb46', class: `top_bar_content` }, this.icon && h("div", { key: 'b08b9dd4dd27b52a8c469f29ff551450de7d8ecc', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (h("div", { key: '080965ec14418528617c8b6dec4f39a1b8bce4ba', class: "label" }, h("p", { key: 'bb4b0f5e32c997b34727a3a8ef5e6a703a6dfd3b', class: `label_text ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'} ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && h("div", { key: '3ff9ed03ead20a3f8cce6769d1fa607c705cddc7', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && h("div", { key: 'c37df11c54878dce6a2bfbe0bfbfc888dee540ba', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (h("gb-tooltip", { key: '1362e00e1b3fc748cd7ca326b5ecf9b1c76e22bc', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '495a9ef96c9b8df3d3837f66bce247b701139331', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-nav-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GbNavBarSidemenu {
     }
     render() {
         const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        return (h("div", { key: '5a14efbf87a2f11136d13745e63e0ec7766bb49c', class: "top_bar_sidemenu_div" }, h("div", { key: '68d5accc6ff1b89f620bc30b5eea7be1a360635e', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: '6975d582f48fdc874d845fb2063947ae26706cc7', size: "md", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: '112045ac6f786bcf15d6da524ff19c48e86ddba4', class: "wrapper" }, h("div", { key: '2f52c3b052b9094561e09433c4adc99e136614fa', class: "wrapper_pattern" }, h("img", { key: 'cb995dd803b7ff2fc06a3edb82565d271f475d1e', src: patternSrc, alt: "" })), h("div", { key: '5eb311fb7edbc3a9dcfff3c27f226f32f8b79963', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'e3c9d2f8bf63e87f72fb17946cf9feff556e7b9f', class: "application_name" }, h("slot", { key: '7011ea3b5fb0214c9a9c57f0142f674812e46ce4', name: "application_name" })))));
+        return (h("div", { key: '5e56a0271b2199f144dbcc7b91c1ca5d01e57432', class: "top_bar_sidemenu_div" }, h("div", { key: '41402984c6830d0608bef13729dcaba2da37c111', class: "vertical_tabs_div" }, h("gb-vertical-tabs", { key: 'c151f2fe813f39730dca92750c72c78c5616b97d', size: "md", tabs: this.tabs, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), h("div", { key: '170057c4018ad3785b5ff89814f142181d2e6c29', class: "wrapper" }, h("div", { key: 'af29c1d1cd193486d67217b4a6b598a35cf0c81c', class: "wrapper_pattern" }, h("img", { key: 'b745057cad2b95e05f11a3cfd3b2edb0d994cc5e', src: patternSrc, alt: "" })), h("div", { key: '17631b8dc35952b1d7cb1cc1f12b8148bc88fe79', class: `application_icon`, innerHTML: this.leadingIconSvg }), h("div", { key: 'bf5b5afa73d8a4ab4ce991c07604e0a045fd2cde', class: "application_name" }, h("slot", { key: '41e40aa64c340d902e452b4709c81a3f98094c85', name: "application_name" })))));
     }
     static get is() { return "gb-nav-bar-sidemenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'a99ab3aa11d5f60b99adbc2c70d913eb16ff7b50', class: "notification_container" }, h("div", { key: 'b891e5c5fd3f9d5839f46aae2c92830702fa23a8', class: "notification_title" }, this.icon && (h("div", { key: 'a5e18800215e854f5a1e086df6dd9afe7a01d45a', class: "icon" }, h("img", { key: '95bd29343e2f8de7336956d870c87194b3a5d050', src: iconSrc, alt: "Icon" }))), h("label", { key: '411035edb9dc56bff91a4558e943147fc4cf345f' }, this.label), h("span", { key: '180fcf9ceb0a5bef52a52d2e88d40fef8b5a8957', class: "time" }, this.time)), h("div", { key: 'faa4b18a374fbe18f5ed47b555142d2c769624c5', class: "supporting_text" }, h("p", { key: '4a9e4fff80dabbe8eb9a654a16fea8a6fbbd67f6', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: 'f81dd90d9d4db33a905a130611cf59ba3bd18bd2', class: "notification_container" }, h("div", { key: '77861114bffdd6b5a548baf968d96ee3664bd390', class: "notification_title" }, this.icon && (h("div", { key: '07ee48042341754a5c9832c389d281c5ac5595b6', class: "icon" }, h("img", { key: 'b01b742794c8e9e69058aaa02789cd5b1ca622dd', src: iconSrc, alt: "Icon" }))), h("label", { key: 'f8eefc7270c544d2aee1ec2c6294c7c3f26d6c4e' }, this.label), h("span", { key: 'fd9e8da758e480d2bb99f78134d85ed03869cefa', class: "time" }, this.time)), h("div", { key: '5e0239f3f1fb3c1082fe6e1402a4d0ff689867c7', class: "supporting_text" }, h("p", { key: 'bd2a76beda61923189ae4eb2cb3c39683f22d727', 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: 'b906db345f176e71daebd46584f4549d7d0085e7', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'b962c1e122e0ef71ec7496340f82a1b332cabc8e', class: `container` }, h("div", { key: '5eaf77030f574bbe7907ee2e8d0174a369ea5358', class: "frame" }, h("img", { key: '59a13642e9a454904ee79547efbd6c715cdd33ee', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '9f4d44c8b47c4ae190cbc679194dadc3f8ed5de0', class: "empty_state" }, h("div", { key: '16f254dd9ae880e127ca4245f2d7bc23a3ac006c', class: "content" }, h("img", { key: '0f20f5774e63909f1fd574c2d47245d7d246d477', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '9289d143c0b2b9f267ff3230aa9b3db037c2201c', class: "text" }, h("slot", { key: '583cc95e3382c12ad94a74535a0d01eeca35ab70', name: "label" }), h("slot", { key: '618f0c1e0143e03cdfa1b8b8058b48a6fb105b45', name: "supporting_text" })))))),
-            h("div", { key: '29e7c7d72989c7e4bef1bb2bb98becd81e5de212', class: `button` }, h("gb-button", { key: '02ac448f57e9eba9c5146d5adc36aa3229ae80b6', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '9e598a7e66e99c3250b8fdeb03142a1ef6705397' }, "Mark all as read"))),
+        return (h("div", { key: '5e017a1e3d7162eb886833b81964c16f777a1837', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '9b1eb9801102a61b91b08367affefc21f794e3e0', class: `container` }, h("div", { key: '5f190bebb402cd8c54ab05ceadb3064f2a426280', class: "frame" }, h("img", { key: '4cd865e4cc26efbbbd0e3df1bb7e9af0698a5a44', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'b0aafffec4d28713da30783e147efe9817452682', class: "empty_state" }, h("div", { key: '05a38032fa184e6e22697381ee2109628efc79e7', class: "content" }, h("img", { key: '6f4a9c4b2a52c98417a2d5cdc4c92eadcaf9ac26', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '99ed0112c1e24431adf6f0c54481f76d82161ee5', class: "text" }, h("slot", { key: '2c54d783fb8d61787b2e063a0a68d34f48b53f0d', name: "label" }), h("slot", { key: 'eabfdc4819a31a34ad4b941293c49d41818f0f06', name: "supporting_text" })))))),
+            h("div", { key: 'd49aa37de34ce4f17708a6f14dbe0d1579daf194', class: `button` }, h("gb-button", { key: 'f2593ccdce025fa3798881ade7ab7348270dd889', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '290dd70d110e2d4eec69b26bcd1636204229575e' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '73adf0854243199f4ab15807c21f9a0600edc12a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ae451b89b9448e60f74612279292e3cf3fcfec0d', 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: '3b56db014a5ab53be0f6ec66c80e06e00e3839ce' }, "Previous")), h("div", { key: '76ec8f567d6e2710aec5c2ee7168a949b274e521', 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: '69ed72f648c5097350c495b777d609499c411519', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '49040e143c4e0ca25301deb1c2d9c8f62a966191', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '14611fa2c163be51f53e0d686f96d857cc5ed9cd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1a88b19885bd07546d2f4bb6e8df9d30d73e6eab', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '5386809ae2447e29a2da4eb11655c0c27fbfd583', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '7a0924a71b089c1b00f60944153c2dfdfde02f56', 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: '91f1b0f8791e0d4bbfc8bf681f820667d57df66d', shape: this.shape }, h("p", { key: '8f389e12c22c359133c9adc46af989822628c9ca', 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: 'fb6871be091ccc068baab3b3a9052b8e1ca85481', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '853124b7dee09052705d33a643863c769af16684', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b19de1a22d118f608a44cef495c5b7199ec1464a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '47f00d864d5905a4507db349a7e03fc94f0d12e8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0c1fd47a59aa5489845beb38aec46767026d601d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'c863415ccb03ea527d3f89158dbdde6a99311ec6', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7fe9ad6d8a7a7fbc9f3ec710e5e830b5d77eff10', 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: '7f4093d8d6e4b255e52589fb9954064fc88fd344' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f74ac482bd84a737f094a6398b581fc7985eb51c', 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: '922d95c06e82215d1d0222f8eab4041d9587a61f' }, "Previous")), h("div", { key: '32a1c18888ab10454ee2fe71c99098dfe6f7ec2d', 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: 'fb74ca5b882fc9df31d3c54a9babeafeb2f047d0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ca026b4660f4b7e7703a00ba459caebd6fcb47fd', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e9fe6dfbc574f6db29efeb9ef9a6eb3f1e4e2aad', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e936933a38184c3b05e1229967c9fee6894b4074', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f06966a7d9d3c2c58f62a86ba4540bc76b4107fb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fd1373c83b280af9ed161ad3b539d8aab8f7872a', 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: '723a8700ec3d58e43ffb1eb683dd60c7a2f1eb23', shape: this.shape }, h("p", { key: '8f7da1196b10122ca7762622354a921b62622936', 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: 'bf2e59269f33b4ad8dca2c9c236c5bff622a1907', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '00518534ad34a428a6a1305271e2bc1725b85a22', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e270f58e96eef0fa5d3fb623e90d5cddd76de6e7', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '70187684d0cab793856cb07b1aeb466eeb43782f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'eaccbca063f3b054c4763b94e1102b713433a515', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ad558d802cf743ec3b74894100e435a0467e2c61', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'a4ad742bb26955c417c6783236a58d78ec302bab', 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: '7b32f8ebab89e5baf3d065eba898b9eeb3e58f4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '97b40f98674881261b4b5afe6e2e8e7716065061', class: "pagination_entries" }, h("div", { key: '0e56427cc63147c8d0a4cc7fa1076a616a27b1fd', class: "entries_text" }, h("p", { key: '31c5d82831d122fc62bf3b21291d54c6bcd5d446', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8be609020bea31ba44ddbffa0242ae8a26ade7a5', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f76c0ea41a4d6b40b200483bd3f20c43f5cdd27d', 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: 'c56e8ee4c1262d7657c530d4bafccd3410ddbba8', 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: '9e8576c16b38001e4799018e56c0d6245634adc8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '73abd0b2673282ef4125f0e08f39acf6fad0ed1e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'a9afc6e3d11da07d139c9ad32c5290a2caaa9e38', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '11f06257fd3aae2d8e0d329c869ae45a40f3c722', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '777072156b9e3c34bc29f27a5e4a6b97d1bfb8a5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b0c8dfa429aba160d3d8d083104dee7b740a2917', 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: 'c0c71162ac1828b591404b9eca1294ae6624d517', shape: this.shape, state: "default" }, h("p", { key: '4d2fd538665e0ad83ee30ce96ae8bb56d7151225', 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: '76e56d1d345dc909bd967936a0cfe5a1ef1a1ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9c335960dbe4358837c46fa6f43269b87ff6f44e', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0f8df9cc078ee2f1499bb17e10449ea5bf0a44db', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '49b00cd0249733b2ff53bd146d9bdb2bdb52ab0f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '85d5ef1c57d00b156aa5673e8d0003bc339ddf69', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '61062b7f2dea72044ee2da330c845c273e468ded', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '3ace1782ea4691eaa170053a355776f55aaa95bb', class: "pagination_btns" }, h("gb-button", { key: '5a6c6a286e6a5d4d2d5f156638d5ab4ea158d2af', 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: 'c09f520d8d0843a74782cef303419873d946b755', 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: '42a83adad70da7445213a9903ecc3d45a8f0daa5', class: "pagination_entries" }, h("div", { key: 'b5dbf4af8b48c1257c53473dd4a7c17311fb70d1', class: "entries_text" }, h("p", { key: '897b89e2d94c8a806ac145470bfeef233a48ef9e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9e3e664167a2831e46c4fec054085b3c43297fbb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b745f6a21302aad0024c6174f1b9e62a5184082c', 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: 'f98850d05ddabf0d09e72edf25b4de2b1d19c7d6', class: "page_number_text" }, h("p", { key: 'af5906ae760961abafee10df262e4356c366c03b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '507ae612255b1cda263c585f86a066314aebe1ee', class: "pagination_btns" }, h("gb-button", { key: '9bf652b3c68800758e7984c28154fc4b81b4185a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7e1ab46d1fc929c57a7ae6c907c8d9a98ecaac40' }, "Previous")), h("gb-button", { key: 'dfc6523b87aefbd13bfb0b45061bf3f3e43e695c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '037ecd2a773f7107e03141392ca557404c77e999' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0d3db91881a2e1367378f6fb4e7e5d4b08832ba6', class: "pagination_btns" }, h("gb-button", { key: '982d6b37fec866568be0710daa51adcb0a0911c9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3232ed64e16887a35cc0f109af48c1e5e5752024' }, "Previous")), h("gb-button", { key: '8694c24000f72b772200b6b59f8828c82f997603', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '891117f73de5a3373e5ebee61bb8860d6617be45' }, "Next"))), h("div", { key: '0218f1681ad019cf447b3aeca2a677c2078a644b', class: "page_number_text" }, h("p", { key: '3da119a340d67ed292fb045a9eefa20c0cff735c', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'dcb140ecc71f4f598254fb1f074996a3134e4dc0', class: "pagination_entries" }, h("div", { key: '41665539b59b0a1ad09fba02b0d73e924e5c333a', class: "entries_text" }, h("p", { key: '4d10b9a9b4a839f2404255c44887af4e9525598a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '52737b81e50731d91eff97564892f4eb9d67c67a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '192ff92854c7525cfa5af53fa44787af5b5a10f1', 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: '01d05750bd4d7cca6dd979b0eb43124dcfd50316', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '46142f10f16560fbbf6acd49c9ec9c8cbf804857' }, "Previous")), h("div", { key: '7017bd4f66566d90ea296bee1b7e7a25ed3e8e91', class: "page_number_text" }, h("p", { key: '98a3e870caad43a9bb522b7051ed2e4f44dab35e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd41e1f06656e9adb11c0712a214910c58f35c9d0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'abe559e2b901d3924efc4f0d5ed755374f433550' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2a2acec8631921e67145f1c40d2584d980502737', class: "pagination_entries" }, h("div", { key: '1d1271d3633fe66fdfedcd5c21fd0a2e62f3cb50', class: "entries_text" }, h("p", { key: 'cc15a8d33015b0023002b2d4a283a5f7905c3b30', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9cc3b87a6c461d9f4ae22668700ebbcfdc9f39ad', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '5e6c9f56331726d761c7aad0e0449652efc03706', 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: 'b08ddcda93d0bc2abf97bdd1eceb66fae4d8c4be', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4c3b49c592932bb1da09b4c14059ea3532faee6e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b02b3ac437f6ef38c05e11fa306726f4ec6d86c8' }, "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: '39c21c9f2e416b9bb49eb2945c650b37dc963254', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3dea646a2766b9d804465987ae4556e0742660c5' }, "1")), h("gb-pagination-button-group-base", { key: 'b4a02964547c384a6a819e640b342c5b82910924', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '671810036782f5ab999a93ca927bd94944eac101' }, "2")), h("gb-pagination-button-group-base", { key: '89a5e2ad3a8094c7c0d90c8b5538d34ff98224f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7f1fb399c11fcc2abfdc59285ba9986221003c53' }, "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: '789133142be1ccf5aaf0864d8bb4d9d9af574ddb', icon: "false" }, h("p", { key: '4846b2c2d82a55c0da979d1166ed6121b99192f2' }, "...")), 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: '1a3d98befdeebfe442ca8e970a9b1e9e337ae4f7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ba69637f32f5e28066407bc9d606c2a3719045d0' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd8bda9b505cdbd32c52779bfc243fc19f1ea7a7a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3d830d320de1ecb5739e031047cbc9cac06cb5da' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '73dd008532560df089ec1a0bf3b33d628e12fa75', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '00da0b6542d3ca8a015e3e4f439d85a74085432f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bf4d1b2c2c6f6b20e2381983eeb37ccf1020e97e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'de9721b5a72f77550d3fd758fc10516d32f042f1' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e34b5626b44966ff19d332a5aee8608ceff09570', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '92aeaa0a3d90467d03876586b03a0745b10d79bc', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd99fd95c8d390b965893a814e3e105f7d01e955c' }, "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: 'cd9a09ddcc57550860d1bfc0eae2e0a21ede7ca2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '588b78d83f93998d0f8144eedc338455d639979a' }, "1")), h("gb-pagination-button-group-base", { key: 'fd05ff64c61f48bedee966a5e79c4b1d173bec95', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9ede22a79c157e2ca12881516df6d9aae624748e' }, "2")), h("gb-pagination-button-group-base", { key: '6fa311eb4dba100981ee135eed2cc7329ca61411', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f1fc244da990c36dba3a58affbe96522d4984c' }, "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: '938b0103bed124639ee6f5741d4009a97336d3e5', icon: "false" }, h("p", { key: 'b3abeeec73aff764f9948ccf7c8a48bf8ad06e89' }, "...")), 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: 'a71e5073c312d6f420f7cecee47e0705c7e3d602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9d71e31bf6c06d22f38ef767975eec0b3fbdc833' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9cc93270598d69ca462bccd10bd3a96788c4605d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9f81743a463f2ad5ab7a7d5899f7c854bd0b601d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd46d425c0b9fe3e11ff3d571dade4ac5c030d44c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0b8deda9e05e9f17dec63baddda96d26323c0ffd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9a7fc7b515c74daa154cccd88119bb36a0f57f2f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a4c91fe057311adbc226f0493fd18232be91b766' }, "Next"))), h("div", { key: 'be998667e8143152f06d9bc6b34b56403e017b40', class: "pagination_entries" }, h("div", { key: '51941acf249e6a9626a12f7bbf445deabb32db1c', class: "entries_text" }, h("p", { key: '7e89ddb30a777dd240f5c95356457d9c1e70807a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2109898977747961359e6f0c1f6514a981f7aba8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '121d62aca81554fa146967519f6bb5e792684b08', 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: '7405682a46a36c1943d740f311dcf3e9d83beaf2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '802f24c436cef028707639c1ff81a892be5161a3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ba4d0211bfcc638506d951e18dae8d480e01bbb1' }, "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: 'e476eb96ce54d7515e48afb6794547eb530faedf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '23720e3add3e49bb21fd852645ad935529114865' }, "1")), h("gb-pagination-button-group-base", { key: 'b7fff03b8299263a5a358bd5b0c4c0018661ecc2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f63207f7c015f25a497d1abdb89e307133a8bfdd' }, "2")), h("gb-pagination-button-group-base", { key: '28c1b4a9caa85e4507f5f5447d8d870effcc2e01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7ea1fc562eb1a21b674fca0ef87b3c82732e671b' }, "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: 'bf21b23b16954f9731f08323b0f8e92ddd9c9539', icon: "false" }, h("p", { key: '71a5906a331dccec4a467d0e05f98e240138b2d5' }, "...")), 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: '4df6cdd4c979257cc4c19ca10cc93c8de2dd6ae5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f59cde1e9649242329520430317931765709fccd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2e12c138426dab8bb09f46cf0fa87291cdbbe100', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0624a2ea7100c9a4c585da5f0e618957c894fe60' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd369b71367959424834f558f8f351fa6d3342a59', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '66570ed240581b7fd232b39bff9cc29ded411512' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ae1971bdd61d497bf50bf99efa6c9e4da317eeab', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '65663b72a4e1c839679c5988ebd4e82238895fb9' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a3abc33ab735b8cdcbe621ac360fd868fa1c3e42', 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: '082ff49207587d9ff076666dc7ecce3d8c6bd644', class: "page_number_text" }, h("p", { key: '4fc3052c5377208208b04c47c33cb2f332575828', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7e42446545569263c3a475ec25718f2a7816780b', 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: '4d7224ba1ce413befc122b00b0586f27ffbe307c', 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: '555948b47d3199076d67035b5b8dbccb085dec4c', class: "page_number_text" }, h("p", { key: '1051d93c1871d82e97f1ac572a25ab96dd82e8db', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8400dae3ac65e265ee5310a29c2c1f76a7509105', 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: 'cc06431b220f08a2a983cc18d95485b49d8a9fb1', 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: 'cff83de31ef0c9ff3c96b2ab3829d6b22213eee2', class: "page_number_text" }, h("p", { key: 'd5ce177e10437c51b37409e0ddfd1cabe6711975', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd1318b53b3bc686ccfc42d7b6ad2e5a0377f94ab', 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: '57147a34fdb20f3ead03ecdb2c71ef0cd32596ef', 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: 'd74324bff8f15d4ec3eec6ea7e281114da08914c', class: "page_number_text" }, h("p", { key: '3cb75d8aab7b8b7aac28f2763fbe5d85b418e36b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e9662412c0b74fb9149fed7a1dda4b8df3aefb91', 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: '697b5039e2978bfeafcf863e97d3cc9f65befdaa', 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: 'c5ab634698dc3e807f2c800b2040277bfdfb7a2e', class: "page_number_text" }, h("p", { key: '30ad5804997f4d7952600bf3594bf6fcfa58d5ab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e1eae657d5fc876f79e10ee8d17952a70e4b8e12', 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: '832a5a1cd661f685251d15f2b1fd62b7023328da', 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: 'cf88e8bd5dd52e5bfb6bc68ada61b895e839f7a9', class: "page_number_text" }, h("p", { key: '3ebecb86d6a17a37304a45ed5de094d461e6dbcc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '94be26a3a31d8b86bdd5a36d4673f5e29956ef3c', 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: 'ab5bcc9fcdacb8359a7805a259fae0cfc016fff5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9c8f023aecd461a2f8463c6b269326d6d4842500', 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: '4e92220c99958a9566b12b5dec379d0d6d2d2b68', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '91e3710e04d7fa4845012492ccf2c1c9c273ef3e' }, "1")), h("gb-pagination-button-group-base", { key: 'a1694fb35cd4a2b42ff391c73e3ba04dcacfbbab', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3adb41f46dd488462aeb03a07b6b2c583e742df6' }, "2")), h("gb-pagination-button-group-base", { key: '5c0cacc5a79c5670b2528cb5c593275f624e0b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9919a14ac6722a1e60ed83391ff6ed83fade3082' }, "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: '16f1cd5a78af51992fe709c5c8ccf64081b25ba9', icon: "false" }, h("p", { key: '97b288bb915d9bf75fddd79153f85ae1c9ca2c20' }, "...")), 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: '04818ecd0101233249981b96b1c86bc7e94b131b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a721b0dc330afb58193aa8f766267a2eef50b0b2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b89869ef7b7224575d587a8cb0c3dea664c17942', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'efa2a70cbd96c89a4fc6bcb42380ea5b8d90ab91' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '127ad48f16284123f8e812d6748eb2a8685df7b2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dae43947189299828997bb466cf7fe86e8ce99f5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b7179082ae9301624db13068cbe0b1abdb3299a0', 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: '24ff5c2e4a8fdee4c153cf00f44dab7f60dda38d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cb9548905d30058d39414a0e8ae8a9c05c224341', 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: 'df8ed0c68fc8b98fb2f706f9044984d58e653806', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '62dd84b3096eb5e29c155332350fef0f9ab0cdf9' }, "1")), h("gb-pagination-button-group-base", { key: 'd8dcbfde0a6315a9feadb0cfe800806965089ced', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '90e0fa9b2cc11783e5427e7867c71354c7c04c3c' }, "2")), h("gb-pagination-button-group-base", { key: '1b09f0d8f7e760e8c159f1ca4e38986af7fc9146', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'af78c33ccce3a7f531d1079d92ccdb29f550d08a' }, "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: '09539133bb64162b80cb0091af29b7b7c26aa9d1', icon: "false" }, h("p", { key: '4dceef96e820a3c119a290b97ded6ff07de7d37e' }, "...")), 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: 'c92dd1ff22f524c9241b2e248f29b4c10df4f079', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5a0f472dad2ed7e0be42cc2a8127979ddb432c0c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '47633ad2ab748f02a966b5b8f621d5f2b8f89c07', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '749e3555268cab347fb0cfe1e48ae3d4a6c1cce1' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'fbd2ff3d4848b9f9f838ae3c16969db51333b4fa', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e159f62cb24d235d9dc29b5a67c4ef2537d60229' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd13b175565e64adeb9873ba34b725a5d23055832', 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: '61b58a84ec315fa3c33168fbf387e3197b9bc2da', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fc41e05aefde96d041d1bed39e07cd13307822f2', 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: '5f0be51e840b7687f21b501cf1b50d2cb090cd5f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b0d96a46569bd880c53d509f0a60a9cb2f6218e0' }, "1")), h("gb-pagination-button-group-base", { key: 'c9c816952a71abc703bea820e751e095b1f56d73', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '67fed012f253af58e9d09e794b749ae9f99095ed' }, "2")), h("gb-pagination-button-group-base", { key: '95d2e0a4d63bd0bee5caee9b09a5387234958caf', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe5572915bb5b53a06c6df3d7bafd2efaf4a14d2' }, "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: '6d68609657017ae6b83afb01e3893d0d8ab5d4a4', icon: "false" }, h("p", { key: '6ab231f361f1ab5625864f1fbdda40bd4979a985' }, "...")), 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: 'fed8049827ff8ad21cec96833a9b612d99a98572', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '47e843b1524777ab415504b40e21f176c194f650' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1d4438990e77edc5c8040ac37d143ae79b8c3be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ba877601388aeac9a192e904d8e88b22db564eee' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6106055f82dab6d81c0b87acc97df30e685ff31e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c477db431108a137d557a4e26e672446bc9c2ee6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'da7c97d330587df05d5282c44623021d25418867', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'd26fb25bb13a80678e0db1d86ce9ebbcd4c14d47', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0f222f6139273fd91b29b26c411e4aeeea7e93dc', 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: 'b9ca066e0b76ccbe3019c5e0101edc6b37765ba7' }, "Previous")), h("div", { key: 'c62d0f89eb952ca763313c063ba60b24c5b13279', 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: '3403c21a24526416354ca8a2b52afffd9afa5bd8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '898f2c6f6da59841b9da62d862234f66d7bc9de5', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '81cec68d6d751227e3cc8206d7ab7b97a53320b5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '89301d180a56ed87201629e8aca6d4f756e6a720', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7414c27c60251972082034e83226e968653e1262', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8175dbfe7b7c7c2566a057625d9b109940a84b72', 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: '2dd458c2b6115dd7607efc96d3343df63b687efe', shape: this.shape }, h("p", { key: '2161d6a74eb9f44ae7ee3653bc69a25d4ef456aa', 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: '6ea3e5b24c3c9238b2dffe8c0de89599d74ac5a1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'a4c4bc846b2ff449466e4e4b193a461acd30ab50', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6a12d72a63e3bbb2fe7cc1a7aada891282ded19e', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd43c21519aa0504662867732e19e1be7c5244cba', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '80c020e99b09d72265e018217dffb1976c96b7a9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'ca6d6c168f2ba22892187dcd4d5a22e89f45c785', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '240c6538b859a22b007eec279c22af12c7dce512', 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: '404feb7b0a3329147115cee46ca717ef677a916c' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'a7dc2929b8d80cd5a8f2bb6efba1e207d16b9597', 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: 'daea428019f8a656fdbd147a2952786626861551' }, "Previous")), h("div", { key: '764da849c75fb59763b5ee3144e91db0658c5455', 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: '918b3a14773a3c6f9b6a246ee8510982b51648d6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '827dd51737574e416d8c6842e9d76fef4ec7551c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e16262ee48f27d2552f20e7376ecbaeb75406464', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'dc61c3bc57a57141e325a70b75be3a58587ade31', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7faf8a6409afbcc3669c92161d17fd0fbec3229b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'd8c81ac14ba5b8f2013946cd0dbdfd48424b5285', 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: 'adb46ceb9c2cf8d741316444c7496ab6ecaa5d60', shape: this.shape }, h("p", { key: 'a7255296779ebb7d7ba68226133410c9d6a4e327', 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: 'a0f36fa844f81fa046023cece6f8a1b6228ab583', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b8598d7a4c3ee05e1c2b10573ebd4b1d2b9f7062', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '92d9a006984b31a74156eeb6e0cc9b49defe0724', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c9ea13b26b216b0f9601d32e5e3543ba4c5f1121', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '323dd28637c86f12155e41364a39b1020e385bfb', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '6ddd478c9bb569944ff6b94489a20470ad93c19f', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fe4df0c639d4639d94523f2b9ca14bde1adf3994', 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: 'a30b67f0663c6088533a2698a023e0aa0f1dad0b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'aeb228190f1e5d6ff2dfaad69c34ad1e0f5dffdf', class: "pagination_entries" }, h("div", { key: '0ec8c9cf1434dad199c9c00bfff5aaa54fb9ecd9', class: "entries_text" }, h("p", { key: '4896da7a234b05b8ae2f0f42af5938d11899053b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fa391f959ce6b04888710b3732149f4515089660', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '06c45fd7b4edc5ff0b99caa845b3d40e85fb7a90', 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: '54c1ba7f70f5d51f6e1b527f300e3b781cf23802', 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: 'b9a6d451779264f0d0502e9509eaaf8cadad99a3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '4cf456ba8e95997450719e413fec9911cbf51913', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '657c5169bc431eb9a0555b9cf5707a6983529b4d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7ede2c750cbea4baf60b3c4c4da855a419879014', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '34a5722abdf76ea98041cb95a9244a6944c4d817', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3237842826cd034864f8c9110c8720ab51ff43cf', 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: '91a048122a40ac1d1c95eb39beafd27a37eccf21', shape: this.shape, state: "default" }, h("p", { key: '3f02ae825fcd9fde1b697cf54c32c1386611bed3', 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: '712c9b5d974af19fb7a8640856ef9900f2c205e2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2ddade6601b31eed8d727d72fd1fad7674f422ab', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '9d02a81fa69dadac7f2a6e7e0d993451d87460a6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'f60bff6530fb969a435b90fa035c3f29becd2c72', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a7a1c2ad93fa583deddf024b83fddcfa2a9bdfe4', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '1205d2c3d341bf9b72c693e129037e55bb3dc8fb', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '6b899e5430d8153e22f1dbbc62d7d18ad9d3bb7c', class: "pagination_btns" }, h("gb-button", { key: 'bb6514e759d4d8f21b8d5ea247e975e8d0ee7e9e', 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: '88c56e3677068fe24342837ee3d2c0ed929eb175', 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: 'a5037c461ef09e992eef8a1c5bed9bcba2f6917d', class: "pagination_entries" }, h("div", { key: '240056ba83dee49fb4ef25a2574adffd5092adcc', class: "entries_text" }, h("p", { key: '22439d60166a97b2dd7890a5ac39e046eefe2238', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a5e873497ad2480c81720c7516ae9b7fc5aee7f6', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '1d9fbad92f4d7812a0b26f9cd04bbc34e99c5226', 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: '80730bb39d041fd15679d07fd63a1fe698b43554', class: "page_number_text" }, h("p", { key: '54a363387c402e4a53cd8940f320879eaeaf4075', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '3425476edd807d7fac4a54fdd1aa7c92ddf92f17', class: "pagination_btns" }, h("gb-button", { key: 'eef9137b6f52a8ba6cfb52c83571a635aa64a749', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '94979acbbdebcfc8e28b829a265a62999376a127' }, "Previous")), h("gb-button", { key: '33970a36959833e21d72900727ea9fe1b996042e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e31aa99219071dba7524834fa720b7dc8de04e06' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2163a737f5e7a2cfc446099c43ac641481f5e7ad', class: "pagination_btns" }, h("gb-button", { key: '224780947303dce5130759d4914cc4885dd72c34', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4a086e03581a77737e07d88d6e3081966c2ab6c5' }, "Previous")), h("gb-button", { key: '0b8d82995da11685de03e9ddd03742d0baff637e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'dd090c2e4095beb4b9582cb91ea48d2dffa99001' }, "Next"))), h("div", { key: '2bf5c343698dcb56a5d1b9d031d5a01bb97a64ed', class: "page_number_text" }, h("p", { key: 'f3207ca7ed5ac04ef34e0b77bb5ce84aada107b5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'd2b7bfd752ae9460fa5870e33669058d932522ff', class: "pagination_entries" }, h("div", { key: 'cfc700dd6f985728a5200fbde9813bdb1cb1f856', class: "entries_text" }, h("p", { key: 'bdaa5f3591fdf65990a7657d4d2870f7b58a6e83', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '82029789996b3dc19be37679a68ac2b994605dca', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '13e6168f299a91235c9b9448dcea9f6f17fa9ad5', 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: '7ba44eed6808319432fee9c88cf1b0b9747baffd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1a41dd889766f6d031ca18d8578cc2d0fc288744' }, "Previous")), h("div", { key: '57071433d9f83aaa946bcdbac36bb0cff3e49780', class: "page_number_text" }, h("p", { key: '5d17cf9e9b32220ee85a0cb46beb9156ee9369d0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '981a271a77603738df466b2f861f17b4ffe61af9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7afdeede9b359003489e4c943f93d307295098b0' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd56ef1fae7474f44dd717cee0ac01742b1529363', class: "pagination_entries" }, h("div", { key: '854b0d719f1ec1029eaca0f9cb92606bcc5bfe74', class: "entries_text" }, h("p", { key: '6fd575a91d963c373b86e2e20d3c579084f4f01b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c3606894cd7f1bbfa1adf1d8ed92f5ca949f08fb', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '41ed08ca24ded8169aaf1f3a8c27418d26af6e64', 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: '6ef69f78a26ec52f4fa9ac115e3ce3c57d60a4c1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '22d4fef0ea1aba3c5158a542515198f6a6524975', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6bf69f19c9a05b581423f62d38398d040e41579a' }, "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: '00943d717137729fa840d0ace333f1c2c18e4d8d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '62647321bbb3e58081e490ecf2b102ae51153e7b' }, "1")), h("gb-pagination-button-group-base", { key: '02966701ed5e5340ae01bf2e3f4426c32d58e5b2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7b76b93e7a5b9f42db236ba0b49d812e3a6524d3' }, "2")), h("gb-pagination-button-group-base", { key: '4460c8a9e13108f37de1ae145e337ae7647d7e5d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6c577d523ede6cf4be9354c96f1fb8862e3f78f5' }, "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: '6a1f5603a3112ce4a97e4b8b15cc8e787e8c74c0', icon: "false" }, h("p", { key: '0802d72807809e82ed1222deeaf14230afae3ac2' }, "...")), 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: '8f35038d0bbd5764582abfeb59c1781fc1137d78', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '71b16152392480ac86896a480b72cebcaeb195c6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '18c72b78dc6acbcb7df44e0dd9e76096746a60a3', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '61cc6a338f85006aab20db6f347a5f6ee49233f4' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1cb8d44c40e9a214eb9c7ad490d02dc47d9258cb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '994ddf17868dc9be8e2f9d988da6623db15b19ed' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8929aafd99fc3a0ce5799bcd3dae2aac30d34b47', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5cb629cae2d4b913bc1d917b5a67b4f7f2b3a892' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e9e06a78c7ac96697bfba8163bec2150f078898b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7d52b5095bd38aaf8d480f6c4e7d34fa8a3d5df8', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f1fdc4c4a24ee1adf66c09ee0f37ca5e8f324d71' }, "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: 'e1ca462270a4ded631ead2bc7709d374e6025a34', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0701a58d6764ac4444beb234a0dd5fbf67cf3180' }, "1")), h("gb-pagination-button-group-base", { key: '3c0bdcb6306487aef426828ea125d1e25ae852a5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4f9fc7ab6a0e1f3f5634f92f7473a110a9c241e5' }, "2")), h("gb-pagination-button-group-base", { key: '90453d0b7c557985540ed6784500a5529f9e298c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7c9a01e0a94d6dacdd6e256f94b0dab57b8aa818' }, "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: '76cd637ed4b68ba908fba9e8d92befc59148b4d4', icon: "false" }, h("p", { key: '91257f380311c8066caaf4aeb64c9abd45094220' }, "...")), 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: '91553afbdbfa5c569d32f95eee80cf802fea1242', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9a7dc5f869f11b0ff00fe545e65272d526ddfd96' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '78f0b614834ed3df33084977c987f711fb67834c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0ccd533e9eac89d73d4498908de8ac789e4273ea' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '3efcb72c11de658922f1a74a675594209f645287', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '2b6e671f8de305ea300c3fbe1d937c41d81f14db' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9a1bcb8542459a01ef01c1c627378373c299f143', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'af07b68f3daf83a97f1172cd23552a6205f4edc7' }, "Next"))), h("div", { key: 'f774bfdf97a215c15585a0b04b6ee314d5e68ac1', class: "pagination_entries" }, h("div", { key: '742df9780b1c6e981152af520fb3f479f47ac373', class: "entries_text" }, h("p", { key: '7245d29426ba627a6013c5a943d3ffbb2c56eedf', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6a0f86dddda8d6befe4100e1090039f81023a57b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd98f8ae3aba044475726b1645cab6b8b2bd15f65', 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: '51b66dd5b451b56063fe9ab652e8f4b6f80ee462', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '988e9528d747b7156887ebc70e210dfc71ffc9ce', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd806fb1989892ad7b4f4c605a719f6d19a958d50' }, "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: 'dd9d5cd8c6102b540cb4c42a278d61aae194a68b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1208dd8e8de248612c685360f3718d56f29288f6' }, "1")), h("gb-pagination-button-group-base", { key: '4ad7bb018df28d1d6bde90dcbc23a9b8673d1613', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c6f5eb802428e6a3b162e7cdb936117a3e2d66b7' }, "2")), h("gb-pagination-button-group-base", { key: 'e6ddd5c588b3a78f9f74505237a7a1dfff37be8f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4eda0336ca12ef1f445baa1e67d0145a359efa34' }, "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: 'b4bad752d2d4ae0a111f4d5810adc1a468eaa4eb', icon: "false" }, h("p", { key: 'bf8b7deac270b6eb5699489546f56759e4e5522d' }, "...")), 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: '4deb745196d5ee3c5542e02936dac78e3d8fb83e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3c6a0a5c0a045bc2e245557ce0a4916c5ac31a35' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b313d2daa5b857ce3694b2dc3db7dba700b72fc4', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3cf4f97e90967b2a9cd511d9a0dfb6bcd305af7d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '21fc1000ac59d412e10229970d5460c1aea439f3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd9e78ede516d630bc460a787a673d4a538d65dac' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '30fce53e01aad073a63940c49943aef6f38d81ee', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '01f9d48199e6fd77455e0a599ac671646ccfa17d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4c70aa7e552ac1b5a3d966f3de63afb8963f10e0', 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: '9987fced013715adf19bd900aa01af3f45e2efbe', class: "page_number_text" }, h("p", { key: '53c55f255d67567adfe7bf96dc2e5c6f21c2665f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd80feb9f60eb70d4a56169c6f2f73f9fc8b1b857', 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: '4692c42b37f225d8cd58355451339961467501a0', 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: '0a8f786ef6a3aa5608bfb9784b57026a13b9c3bf', class: "page_number_text" }, h("p", { key: 'b8b4b344af3579002d28e5c93d1da716556877f1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'aa59689916c745da82535644335404bfc9b7b8a9', 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: 'c4a3b6c08e69b1899bb365924a5337c6687cf152', 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: 'a5490db3ac923f994b6527caffc74f9d87a311e8', class: "page_number_text" }, h("p", { key: '5081d97ffdcdd7b24df5df936d4659ad7e575ead', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '175be66d0ad331222c2086c085ea0355bbf9b478', 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: '7b7bc6307331770df2bc87ef3ee5a6ed32070e4e', 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: '9b79d1f5fa0f1efec8588c485cd5121280a359aa', class: "page_number_text" }, h("p", { key: 'c0a341355a0eee3dfa6026926c2e70c368a4367b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'c57135bd0cd4fd4e8a14249b66760a2de587bf2c', 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: 'b2734e899647ad7f0a55c2c89189edc0bc593add', 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: '1cb4698c38b36a67e1fdbc47dffe590fee35f197', class: "page_number_text" }, h("p", { key: 'e4d5335980c953bf7aa6c3010220f20c0b559f40', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '68371cc38a302c3f099a4dbbc5cda73ec0a77b6b', 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: '7626fd11c0ad7f6ada45f88a852973961bb7afdd', 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: '2664461a88c8fde10758c61db6909d6ffd733183', class: "page_number_text" }, h("p", { key: 'c087b93875b7a4ac39d1c9a6b0da440890f03361', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '054a8e233ce5848cff29b3c38dd7929d94957bfb', 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: '71f6f36c096404c4bc629f53e027148646168f73', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ba930d5df7796e5629e4406c0db85f24efc1f12', 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: '567b0d04166454e855a580f3c6b297695340c746', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ef0a65b45d7b3ca8503a755072a23f32b587efc8' }, "1")), h("gb-pagination-button-group-base", { key: '8a9ebde03f9beb3cf74a6591fca7ef791e3bfc93', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'aa063f5a042e8589ca90a16631a120029c48f519' }, "2")), h("gb-pagination-button-group-base", { key: '48cf3b8fb51b36f9edecb7767ea536f208e571a9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f3b0498dfa1c40820d8da94905c8e2db8464c336' }, "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: 'e55e72f12a3201144eb2c75f902bb05864ae32c8', icon: "false" }, h("p", { key: '5407595b9c573048a7045afd53a7b2a187e4a4d9' }, "...")), 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: '5347165fef93d78247ecba2b7b0b96436fd29e9d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2ee7aeb2129603e61d9d96198bda6711fc60865e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1d8813bf49dd653a0811be6e0991b8ee5a2faab0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e7513ae0709209c3852b182b21f5feaec8655333' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f952cfdcd26450e2aadab525063554dedeb036a7', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '2542b4e9dc2c30075d0c1f481f0d918fa748968e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c428b29854fa3f45dc3e6674207961e3052a88f7', 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: 'dc96761309835d98b80fc9f9eebdec5cbd06cad8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '07dcfc2d7f26828b25d70814002fd069f20460b3', 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: '20bb9a7e0447389444a81faf05c5a637b4d74a6a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '70d375c065597ee2203b94094e990fe131e66165' }, "1")), h("gb-pagination-button-group-base", { key: '98fc99bbb503b21b405a8beaf979a450e3431155', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3c7e23311a68c4610023e62d20fc8e3163d93275' }, "2")), h("gb-pagination-button-group-base", { key: 'eee27ba249b2f1a438092ade216285ce6358a146', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'df4126ffaa4c8a792529552b5e0db5c098b735e7' }, "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: '182892ae81f655b95d33101e5a1625074837060c', icon: "false" }, h("p", { key: 'bc7485df0949a74c0e1229ee8377fcd746b9c397' }, "...")), 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: '5fcff99f68bbb3573e828c42b0838a970e5cf7ce', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c8fbcc68526cfa8bf3888326a27fa2c91f2c73b4' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7faaf5067941d0f0a601d008883ee01d313e26d2', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'dd26f72d5647fe900f9148a2103ea3d6d613f9c2' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6f47bbb11048dde49084349c581f8e5b629dde71', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8b870a59462167671353c41e97dac15779235d95' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9c44ca980bf2eb32ea03fa5558edee45f78300f1', 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: 'a87c476354525643fe5f3aa06dbb9254d7da7609', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '302500f70ce492740f740ab4988db3271394a6f7', 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: 'd9eaf61c9dc276101e89d990edfb7482ff80cfa6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2bf351c30ec83ff92d636eefc6d9a60950a25bd6' }, "1")), h("gb-pagination-button-group-base", { key: '1d1424f5ae078fe1434f2a02a53ed18b01bd4889', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4c4ec68b89211a55503941da6ee0ae7c529fae06' }, "2")), h("gb-pagination-button-group-base", { key: '78fce522a3df81376ff26b105294dcd12f274b47', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9fcf9f3b343308223d5b7fc270c7f755def6637f' }, "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: '6a2a48b7ee2e92d8d976b066456754111c37bdd4', icon: "false" }, h("p", { key: '9d9599588343ffb074e0418730bddf804d78e5ea' }, "...")), 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: 'ab0a36b2259db088c7db17a70dba12ae0dfde77e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5ff26a72680aff8f3ef930bbaf62771b5338a2fa' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e4ae0e538d32c2ae0387c4f2df436bb9b27035bd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4b569dd180cbf64bea282bb49fdcf4c31e187054' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'cbc6e292f03db90b0ca9cff7e231cfabe719ea90', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '711c293ad3497d1c0b7cff43a9465ca7a3bc5d35' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fe59716d5accd19c3e2bca74697504403a37c5cb', 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: 'e4531b684f0be6b13e1330cb22931c2192623a73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '7313ec203002556f442c217af3755d99254dc7ac' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e17e6f215d471e9a6a8af33d35f22a78535fedb7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '03b6ee8c784ce5b77fc2495e6c074ced7d49e3d8', 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: 'd45b788b1ff6506d05a13a0550a2dbecd743ddc0' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '9d2d82519f06f77625ebf9f507cf9c3cd8110a2b' }), h("svg", { key: 'e5e84ed1789e1eeb62f4844527933ec7eb4384ab', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7a9398a68691c9ac25e75d164976609e9854712d', 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: 'd3f663c6644723b578521f40f82837213ef82dd6', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '376a183b5364da4b5679e98e18d62250c59457c1', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'e8702c0b83bc4072ed466e441bff4f707f106413' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '7b6dfeeda32fa8004a89a5dd3306a336569c5cf9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bdaa0d8f56241eb93ff6268a7ec07119546a23aa', 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: '58ad9bbfb2802603f966da5f0757140846bef3fb' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '20f7fe1c790a98950c6f5f10f8cc1eb94af7f3b1' }), h("svg", { key: 'c4ae0b308f4f4bc9a7cb8de4ff20ea3f3e166052', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'feb8c47b5837fcc66ef3f6ffeaf2d40933bc117e', 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: 'b78e7e7670860508c5ba207df8a73375d1c468a3', 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: 'bbd9fdb52e882559b40ada6ef1236757f2a3b559', class: "dot_group_div" }, h("div", { key: '60e316c77ba24b2b2ef2e85dad2458f1e7b59c28' })));
+        return (h("div", { key: 'e9eb5299e02d10bfe0e8609cb1c23d1cc147e0fd', class: "dot_group_div" }, h("div", { key: 'cd1f70e1ac81fc9da951558de4f184a899a5d8e0' })));
     }
     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: '853dc1f65f3e437ceeca915b3ce4ab3dfbec4408', class: `dot_indicator_div 
+        return (h("div", { key: 'c6fc4d767ed637bc3b98f9942e56d97985f51c5b', 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: '51dfa67b0c5d9cc5ce73c30f146c8237853bff60', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '771ee905973090e8b4393e44c1923c81c59a7040', name: "page_number" })));
+        return (h("div", { key: 'c47f832ab8377643bde37b33957a6d681e08f203', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '39dfa94f4c122ce7ed5cde3997dd65fb5c497d21', 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: '81c89a77bca20515206da181206025e01e1dc0b8' }, h("gb-btn", { key: '130af8a9d7cc308b4059d54c9d0d5aceee7310fb', 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: '641f2478dfaae05b813dec7eb75f0d6e2382644b' }, h("gb-btn", { key: 'd791b7bab22572f73273bfa59c92e41f7324b2fe', 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: '6a771a42af9a5cc204d3afffbc96138a1096078a', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '2a81f6dcd08a552da188bffea5acee1d7a9ca9ed', class: "progress_bar" }, h("div", { key: '950df02b4efdb7caae11f32819c6993c2c572cad', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '892de93b4dc83f0f83f24996967ed2a4be98edaa', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '13997851c3c65b2f65f67a42a1a42063d5ca23d9', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '94a88ab279c2f8080d7b6cf8574803d3ca7c86ac', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '5e3d232c35d5f8d0dd88d0024b1e28f2cf27708d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '22ff9016a38730e64a309ffd572c8c7ad84a3e1e', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'ac08912349279502fea201cf27c31387cb54ec9c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '79aa622745b693f9a95486f4f68df0e1d956790f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'b685e12443687be8cd953d685ccd9a59dbc997fa', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '72738f6e5353177d5e715f9e6de2f69e9559248f', class: "progress_bar" }, h("div", { key: 'f0e7e965b142f7c1f37bce10218129df6b5eb439', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '223321e55c793be59cd2ca34a25ff9ff7c8f1b47', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '6c5e325c73c1e7170cd1326cde9a3799bffe1bdb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '6825915af1b0dc1dcf6ad64d1bc3a7b2345a7cea', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '16a4c61be6909921c45eec9ae832ff1fe206a7c5', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '26dce535d268ff17b53cb5ffe97d30a3fc1b6c7f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'dbba48407b29f2b337f856fd5e051eb2c1080e6c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'f2f780c95d0a755ea8f2e4837d561926803779d6', 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: 'e9ca7aab53a46eec416e84b1a90b4fdfb7ddebe4', class: "gauge" }, h("div", { key: '4c939463da7f45f5d49fb13b2482f12098c4071f', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '3c86b810b2a88d55a1dd526226a37502012843c3', class: "mask" }), this.label && (h("div", { key: '9b884b1202f6e6e659dad19c2c6b9acdbcae524a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'a80ba8623f3eacdb42e8c66d9b7470d4a0e61037', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '27382a7b838241ffd08f351b3451bb9bdd09077c', class: "gauge" }, h("div", { key: '246e21d6411ccb1892886709f0dcba0502618f3e', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'b8621302eaf7696f19d49444f9ee30ab04215771', class: "mask" }), this.label && (h("div", { key: '7f0ff02ddb094888bddcb918031d1f27b4fbb45d', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '6f81be641f0203a7d044b78add4d6513f16911cd', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }