globuswebcomponents 1.1.3 → 1.1.5

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-input-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-input-dropdown/gb-input-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element, State, getAssetPath, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { AvatarColorTypes, DropdownTypes, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n@Component({\r\n  tag: 'gb-input-dropdown',\r\n  styleUrl: 'gb-input-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop({ mutable: true }) state: 'default' | 'focused' | 'disabled' | 'filled';\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showHintText: boolean;\r\n  @Prop() hintText: string = '';\r\n  @Prop() showHelpIcon: boolean;\r\n  @Prop() showLeadingIcon: boolean = false;\r\n  @Prop() iconSwap: string = '';\r\n  @Prop() text: boolean = false;\r\n  @Prop() leadingIcon: string = '';\r\n  @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop({ mutable: true }) items: any[] = [\r\n    { name: 'Mock Item A', username: 'A', selected: false },\r\n    { name: 'Mock Item B', username: 'B', selected: false },\r\n    { name: 'Mock Item C', username: 'C', selected: false },\r\n    { name: 'Mock Item D', username: 'D', selected: false },\r\n    { name: 'Mock Item E', username: 'E', selected: false },\r\n    45,\r\n    50,\r\n    20,\r\n    25,\r\n    90,\r\n    92,\r\n    53,\r\n    'Activated',\r\n    'Deactivated',\r\n    'John Doe',\r\n    'John smith',\r\n    'Jane leo'\r\n  ];\r\n  @Prop({ mutable: true }) value: any[] = [\r\n    // { name: 'Mock Item A', username: 'A', selected: false },\r\n    // { name: 'Mock Item B', username: 'B', selected: false },\r\n    // { name: 'Mock Item C', username: 'C', selected: false },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'Transaction Status'\r\n  ];\r\n  @Prop() supportingText: boolean = false;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Prop() menuPosition: 'top' | ' bottom';\r\n  @Prop() showSearchInput: boolean = false;\r\n  @Prop() inputValue: string;\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() errorText: string = '';\r\n  @State() leadingIconSvg: string = '';\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() selectedItems: any[] = [];\r\n  @State() unselectedItems: any[] = [];\r\n  @State() selectedItem: any;\r\n  @State() searchItem: any;\r\n  @State() searchResults: any;\r\n  @Element() el: HTMLElement;\r\n  // @Event() dropdownValue: EventEmitter<any>;\r\n  @Event() dropdownItemSelected: EventEmitter<any>;\r\n\r\n  dropdownRef!: HTMLElement;\r\n\r\n  searchItems(event: CustomEvent<any>) {\r\n    this.searchItem = event.detail;\r\n    this.searchResults = this.items.filter(item => {\r\n      if (typeof item === 'string') {\r\n        return item.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      } else if (typeof item === 'number') {\r\n        return item.toString().includes(this.searchItem.toString());\r\n      } else if (typeof item === 'object') {\r\n        return item.name.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      }\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n      this.dropdownOpen = false;\r\n    }\r\n  }\r\n\r\n  toggleDropdown(event: MouseEvent) {\r\n    if (this.state !== 'disabled') {\r\n      this.dropdownOpen = !this.dropdownOpen;\r\n    }\r\n\r\n    // console.log(this.inputValue);\r\n    event.stopPropagation();\r\n  }\r\n\r\n  isItemSelected(item) {\r\n    const isObject = typeof item === 'object';\r\n    if (this.value.length === 0) {\r\n      return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n    } else if (this.value.length > 0) {\r\n      return this.value.some(i => (isObject ? i.name === item.name : i === item));\r\n    }\r\n  }\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  getAvatarSize() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'xs';\r\n      case 'md':\r\n        return 'xs';\r\n    }\r\n  }\r\n\r\n  sortDropdownItems(menuItems: any[]): any[] {\r\n    return menuItems.sort((a, b) => {\r\n      if (a.selected && !b.selected) {\r\n        return -1; // Move selected items up\r\n      } else if (!a.selected && b.selected) {\r\n        return 1; // Keep unselected items down\r\n      }\r\n      return 0; // Keep order if both are selected or unselected\r\n    });\r\n  }\r\n\r\n  handleItemSelect(item) {\r\n    this.destructive = false;\r\n    \r\n    if (this.type === 'tags') {\r\n      if (this.state === 'default') {\r\n        this.selectMultipleItems(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n      console.log(this.state);\r\n        this.selectMultipleItems(item);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.selectMultipleItems(item);\r\n      console.log(this.state);\r\n      }\r\n    } else {\r\n      if (this.state === 'default') {\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      }\r\n    }\r\n\r\n    this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    // console.log(this.state)\r\n  }\r\n\r\n  singleItemSelect(item) {\r\n    // Handle single selection for other types\r\n    this.selectedItem = item; // Store single selected item\r\n    this.selectedItems = [item]; // Ensure only one item in selectedItems\r\n\r\n    // Close the dropdown after selection for single selection types\r\n    this.dropdownOpen = false;\r\n    console.log(this.selectedItems);\r\n    this.dropdownItemSelected.emit(this.selectedItem);\r\n  }\r\n\r\n  selectMultipleItems(item) {\r\n    const isObject = typeof item === 'object';\r\n\r\n    const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n\r\n    if (isSelected) {\r\n      // Unselect item: Move it from selectedItems to unselectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n    } else {\r\n      // Select item: Move it from unselectedItems to selectedItems\r\n      this.selectedItems = [...this.selectedItems, item];\r\n      this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      console.log(this.selectedItems);\r\n\r\n      this.dropdownItemSelected.emit(this.selectedItems);\r\n    }\r\n  }\r\n\r\n  handleTagRemove(item) {\r\n    if (this.value.length === 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    } else if (this.value.length > 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.value = this.value.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      this.selectedItems = this.value;\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (this.value.length > 0 && this.state === 'default') {\r\n      this.state = 'filled';\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.leadingIcon);\r\n\r\n    if (this.type !== 'tags') {\r\n      this.selectedItem = null; // For single selection types\r\n    }\r\n\r\n    if (this.value.length > 0) {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [];\r\n\r\n      // Separate objects from primitive values\r\n      const objectValues = this.value.filter(val => typeof val === 'object' && val !== null);\r\n      const primitiveValues = this.value.filter(val => typeof val !== 'object');\r\n\r\n      // Find selected items\r\n      this.selectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return primitiveValues.includes(item);\r\n        }\r\n      });\r\n\r\n      // Find unselected items\r\n      this.unselectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return !objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return !primitiveValues.includes(item);\r\n        }\r\n      });\r\n    } else {\r\n      // If value array is empty, all items are unselected\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [...this.items];\r\n    }\r\n\r\n    // console.log('Selected Items:', this.selectedItems);\r\n    // console.log('Unselected Items:', this.unselectedItems);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.type !== 'tags') {\r\n      document.addEventListener('click', this.handleClickOutside);\r\n    }\r\n\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-xxs-semi-bold');\r\n    }\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');\r\n    const illustration = getAssetPath('assets/empty-state-no-data.svg');\r\n\r\n    return [\r\n      <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`}>\r\n        <div class={`input_with_label`}>\r\n          {this.showLabel && (\r\n            <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n              {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n            </p>\r\n          )}\r\n          <div\r\n            class={`input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${\r\n              this.dropdownOpen ? 'focused' : ''\r\n            }`}\r\n            onClick={e => this.toggleDropdown(e)}\r\n          >\r\n            {this.type === 'icon_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n                <path\r\n                  d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n              </svg>\r\n            )}\r\n            {this.type === 'avatar_leading' && (\r\n              <>\r\n                {this.state === 'default' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                      d=\"M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.state === 'filled' && (\r\n                  <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n                    {this.selectedItems.map(item => (\r\n                      <>\r\n                        {typeof item === 'object' ? (\r\n                          <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        ) : (\r\n                          <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        )}\r\n                      </>\r\n                    ))}\r\n                  </gb-avatar>\r\n                )}\r\n              </>\r\n            )}\r\n            {this.showLeadingIcon && <>{this.type === 'search' || this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n            {this.type === 'dot_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n                <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n              </svg>\r\n            )}\r\n            <>\r\n              {this.state === 'default' && (\r\n                <>\r\n                  {this.placeholder && (\r\n                    <div class=\"placeholder\">\r\n                      <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n                        {this.placeholder}\r\n                      </p>\r\n                    </div>\r\n                  )}\r\n                </>\r\n              )}\r\n              {this.state === 'filled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.length === 0 ? (\r\n                            <>\r\n                              {this.selectedItems.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          ) : (\r\n                            <>\r\n                              {this.value.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <p class=\"selected_text\">\r\n                          {this.value.length === 0 ? this.selectedItem?.name || this.selectedItem : <>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}\r\n                        </p>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && item.username)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n              {this.state === 'disabled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.map((item, index) =>\r\n                            typeof item === 'object' ? (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                  <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                    {item.name\r\n                                      .split(' ')\r\n                                      .map(part => part.charAt(0).toUpperCase())\r\n                                      .join('')}\r\n                                  </h1>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ) : (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item}</p>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ),\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <>{<>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}</>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && <>{item.username}</>)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </>\r\n            {this.showHelpIcon && (\r\n              <div class={`help_icon`}>\r\n                <gb-help-tooltip show-supporting-text={true}>\r\n                  <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                  <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                </gb-help-tooltip>\r\n              </div>\r\n            )}\r\n            {this.type !== 'search' && (\r\n              <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n                  <path\r\n                    d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                    stroke=\"#697586\"\r\n                    stroke-width=\"1.66667\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n            )}\r\n            <>\r\n              {this.dropdownOpen && (\r\n                <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)} onClick={e => e.stopPropagation()}>\r\n                  {this.showSearchInput && (\r\n                    <div class=\"dropdown_search_field\">\r\n                      <gb-input-field\r\n                        size=\"sm\"\r\n                        value={this.inputValue}\r\n                        show-close-button={this.inputValue ? true : false}\r\n                        icon-swap=\"assets/search-01.svg\"\r\n                        placeholder=\"Search banks\"\r\n                        type=\"icon_leading\"\r\n                        labelText=\"label\"\r\n                        idOfInput=\"3\"\r\n                        onInputValueChanged={this.searchItems.bind(this)}\r\n                      ></gb-input-field>\r\n                    </div>\r\n                  )}\r\n                  {this.searchItem ? (\r\n                    <>\r\n                      {this.searchItem !== '' && this.searchResults.length > 0 ? (\r\n                        <>\r\n                          {this.searchResults.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : this.searchItem !== '' && this.searchResults.length === 0 ? (\r\n                        //Empty state for when there are no search results\r\n                        <div class=\"empty_state\">\r\n                          <img src={emptyStateBackground} class=\"background\" alt=\"\" />\r\n                          <div class=\"message_background\">\r\n                            <img src={illustration} alt=\"\" class=\"illustration\" />\r\n                            <p class=\"message text-md-semi-bold\">No results available</p>\r\n                          </div>\r\n                        </div>\r\n                      ) : null}\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.selectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={true}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              ) : (\r\n                                <>\r\n                                  <p slot=\"name\">{item}</p>\r\n                                  <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                          {this.unselectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={false}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : (\r\n                        <>\r\n                          {this.items.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              color={this.color}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                typeof item !== 'object' && (\r\n                                  <>\r\n                                    <p slot=\"name\">{item}</p>\r\n                                    <h1 slot=\"initials\">{item}</h1>\r\n                                  </>\r\n                                )\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </>\r\n          </div>\r\n        </div>\r\n        {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-input-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-input-dropdown/gb-input-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, Element, State, getAssetPath, Listen, Event, EventEmitter } from '@stencil/core';\r\nimport { AvatarColorTypes, DropdownTypes, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n@Component({\r\n  tag: 'gb-input-dropdown',\r\n  styleUrl: 'gb-input-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop({ mutable: true }) state: 'default' | 'focused' | 'disabled' | 'filled';\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showHintText: boolean;\r\n  @Prop() hintText: string = '';\r\n  @Prop() showHelpIcon: boolean;\r\n  @Prop() showLeadingIcon: boolean = false;\r\n  @Prop() iconSwap: string = '';\r\n  @Prop() text: boolean = false;\r\n  @Prop() leadingIcon: string = '';\r\n  @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop({ mutable: true }) items: any[] = [\r\n    // { name: 'Mock Item A', username: 'A', selected: false },\r\n    // { name: 'Mock Item B', username: 'B', selected: false },\r\n    // { name: 'Mock Item C', username: 'C', selected: false },\r\n    // { name: 'Mock Item D', username: 'D', selected: false },\r\n    // { name: 'Mock Item E', username: 'E', selected: false },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 92,\r\n    // 53,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'John Doe',\r\n    // 'John smith',\r\n    // 'Jane leo'\r\n  ];\r\n  @Prop({ mutable: true }) value: any[] = [\r\n    // { name: 'Mock Item A', username: 'A', selected: false },\r\n    // { name: 'Mock Item B', username: 'B', selected: false },\r\n    // { name: 'Mock Item C', username: 'C', selected: false },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'Transaction Status'\r\n  ];\r\n  @Prop() supportingText: boolean = false;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Prop() menuPosition: 'top' | ' bottom';\r\n  @Prop() showSearchInput: boolean = false;\r\n  @Prop() inputValue: string;\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() errorText: string = '';\r\n  @State() leadingIconSvg: string = '';\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() selectedItems: any[] = [];\r\n  @State() unselectedItems: any[] = [];\r\n  @State() selectedItem: any;\r\n  @State() searchItem: any;\r\n  @State() searchResults: any;\r\n  @Element() el: HTMLElement;\r\n  // @Event() dropdownValue: EventEmitter<any>;\r\n  @Event() dropdownItemSelected: EventEmitter<any>;\r\n\r\n  dropdownRef!: HTMLElement;\r\n\r\n  searchItems(event: CustomEvent<any>) {\r\n    this.searchItem = event.detail;\r\n    this.searchResults = this.items.filter(item => {\r\n      if (typeof item === 'string') {\r\n        return item.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      } else if (typeof item === 'number') {\r\n        return item.toString().includes(this.searchItem.toString());\r\n      } else if (typeof item === 'object') {\r\n        return item.name.toLowerCase().includes(this.searchItem.toLowerCase());\r\n      }\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.dropdownOpen && !this.el.contains(event.target as Node)) {\r\n      this.dropdownOpen = false;\r\n    }\r\n  }\r\n\r\n  toggleDropdown(event: MouseEvent) {\r\n    if (this.state !== 'disabled') {\r\n      this.dropdownOpen = !this.dropdownOpen;\r\n    }\r\n\r\n    // console.log(this.inputValue);\r\n    event.stopPropagation();\r\n  }\r\n\r\n  isItemSelected(item) {\r\n    const isObject = typeof item === 'object';\r\n    if (this.value.length === 0) {\r\n      return this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n    } else if (this.value.length > 0) {\r\n      return this.value.some(i => (isObject ? i.name === item.name : i === item));\r\n    }\r\n  }\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  getAvatarSize() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'xs';\r\n      case 'md':\r\n        return 'xs';\r\n    }\r\n  }\r\n\r\n  sortDropdownItems(menuItems: any[]): any[] {\r\n    return menuItems.sort((a, b) => {\r\n      if (a.selected && !b.selected) {\r\n        return -1; // Move selected items up\r\n      } else if (!a.selected && b.selected) {\r\n        return 1; // Keep unselected items down\r\n      }\r\n      return 0; // Keep order if both are selected or unselected\r\n    });\r\n  }\r\n\r\n  handleItemSelect(item) {\r\n    this.destructive = false;\r\n    \r\n    if (this.type === 'tags') {\r\n      if (this.state === 'default') {\r\n        this.selectMultipleItems(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n      console.log(this.state);\r\n        this.selectMultipleItems(item);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.selectMultipleItems(item);\r\n      console.log(this.state);\r\n      }\r\n    } else {\r\n      if (this.state === 'default') {\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length > 0) {\r\n        this.state = 'default';\r\n        this.value.length = 0;\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      } else if (this.state === 'filled' && this.value.length === 0) {\r\n        this.singleItemSelect(item);\r\n      console.log(this.state);\r\n      }\r\n    }\r\n\r\n    this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    // console.log(this.state)\r\n  }\r\n\r\n  singleItemSelect(item) {\r\n    // Handle single selection for other types\r\n    this.selectedItem = item; // Store single selected item\r\n    this.selectedItems = [item]; // Ensure only one item in selectedItems\r\n\r\n    // Close the dropdown after selection for single selection types\r\n    this.dropdownOpen = false;\r\n    console.log(this.selectedItems);\r\n    this.dropdownItemSelected.emit(this.selectedItem);\r\n  }\r\n\r\n  selectMultipleItems(item) {\r\n    const isObject = typeof item === 'object';\r\n\r\n    const isSelected = this.selectedItems.some(i => (isObject ? i.name === item.name : i === item));\r\n\r\n    if (isSelected) {\r\n      // Unselect item: Move it from selectedItems to unselectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n    } else {\r\n      // Select item: Move it from unselectedItems to selectedItems\r\n      this.selectedItems = [...this.selectedItems, item];\r\n      this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      console.log(this.selectedItems);\r\n\r\n      this.dropdownItemSelected.emit(this.selectedItems);\r\n    }\r\n  }\r\n\r\n  handleTagRemove(item) {\r\n    if (this.value.length === 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.selectedItems = this.selectedItems.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    } else if (this.value.length > 0) {\r\n      const isObject = typeof item === 'object';\r\n\r\n      // Remove item from selectedItems\r\n      this.value = this.value.filter(i => (isObject ? i.name !== item.name : i !== item));\r\n      this.selectedItems = this.value;\r\n\r\n      // Add item back to unselectedItems if not already present\r\n      if (!this.unselectedItems.some(i => (isObject ? i.name === item.name : i === item))) {\r\n        this.unselectedItems = [...this.unselectedItems, item];\r\n      }\r\n\r\n      // Optionally update state or emit event\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (this.value.length > 0 && this.state === 'default') {\r\n      this.state = 'filled';\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.leadingIcon);\r\n\r\n    if (this.type !== 'tags') {\r\n      this.selectedItem = null; // For single selection types\r\n    }\r\n\r\n    if (this.value.length > 0) {\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [];\r\n\r\n      // Separate objects from primitive values\r\n      const objectValues = this.value.filter(val => typeof val === 'object' && val !== null);\r\n      const primitiveValues = this.value.filter(val => typeof val !== 'object');\r\n\r\n      // Find selected items\r\n      this.selectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return primitiveValues.includes(item);\r\n        }\r\n      });\r\n\r\n      // Find unselected items\r\n      this.unselectedItems = this.items.filter(item => {\r\n        if (typeof item === 'object' && item !== null) {\r\n          return !objectValues.some(val => val.name === item.name);\r\n        } else {\r\n          return !primitiveValues.includes(item);\r\n        }\r\n      });\r\n    } else {\r\n      // If value array is empty, all items are unselected\r\n      this.selectedItems = [];\r\n      this.unselectedItems = [...this.items];\r\n    }\r\n\r\n    // console.log('Selected Items:', this.selectedItems);\r\n    // console.log('Unselected Items:', this.unselectedItems);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.type !== 'tags') {\r\n      document.addEventListener('click', this.handleClickOutside);\r\n    }\r\n\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-xxs-semi-bold');\r\n    }\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');\r\n    const illustration = getAssetPath('assets/empty-state-no-data.svg');\r\n\r\n    return [\r\n      <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`}>\r\n        <div class={`input_with_label`}>\r\n          {this.showLabel && (\r\n            <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n              {this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}\r\n            </p>\r\n          )}\r\n          <div\r\n            class={`input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${\r\n              this.dropdownOpen ? 'focused' : ''\r\n            }`}\r\n            onClick={e => this.toggleDropdown(e)}\r\n          >\r\n            {this.type === 'icon_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n                <path\r\n                  d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                />\r\n              </svg>\r\n            )}\r\n            {this.type === 'avatar_leading' && (\r\n              <>\r\n                {this.state === 'default' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path\r\n                      d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                      d=\"M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z\"\r\n                      stroke=\"#4B5565\"\r\n                      stroke-width=\"1.66667\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n                {this.state === 'filled' && (\r\n                  <gb-avatar size=\"xs\" text={this.text} color={this.color} show-border={this.showBorder}>\r\n                    {this.selectedItems.map(item => (\r\n                      <>\r\n                        {typeof item === 'object' ? (\r\n                          <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        ) : (\r\n                          <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                        )}\r\n                      </>\r\n                    ))}\r\n                  </gb-avatar>\r\n                )}\r\n              </>\r\n            )}\r\n            {this.showLeadingIcon && <>{this.type === 'search' || this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n            {this.type === 'dot_leading' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n                <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n              </svg>\r\n            )}\r\n            <>\r\n              {this.state === 'default' && (\r\n                <>\r\n                  {this.placeholder && (\r\n                    <div class=\"placeholder\">\r\n                      <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n                        {this.placeholder}\r\n                      </p>\r\n                    </div>\r\n                  )}\r\n                </>\r\n              )}\r\n              {this.state === 'filled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.length === 0 ? (\r\n                            <>\r\n                              {this.selectedItems.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          ) : (\r\n                            <>\r\n                              {this.value.map((item, index) =>\r\n                                typeof item === 'object' ? (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                      <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                        {item.name\r\n                                          .split(' ')\r\n                                          .map(part => part.charAt(0).toUpperCase())\r\n                                          .join('')}\r\n                                      </h1>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ) : (\r\n                                  <div class=\"added_tag\" key={index}>\r\n                                    <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(item)}>\r\n                                      <p class=\"text-xs-medium\">{item}</p>\r\n                                    </gb-tag>\r\n                                  </div>\r\n                                ),\r\n                              )}\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <p class=\"selected_text\">\r\n                          {this.value.length === 0 ? this.selectedItem?.name || this.selectedItem : <>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}\r\n                        </p>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && item.username)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n              {this.state === 'disabled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.value.map((item, index) =>\r\n                            typeof item === 'object' ? (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                  <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                    {item.name\r\n                                      .split(' ')\r\n                                      .map(part => part.charAt(0).toUpperCase())\r\n                                      .join('')}\r\n                                  </h1>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ) : (\r\n                              <div class=\"added_tag\" key={index}>\r\n                                <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\">\r\n                                  <p class=\"text-xs-medium\">{item}</p>\r\n                                </gb-tag>\r\n                              </div>\r\n                            ),\r\n                          )}\r\n                        </>\r\n                      ) : (\r\n                        <>{<>{this.value.map(item => (typeof item === 'object' ? item.name : item))}</>}</>\r\n                      )}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type !== 'tags' && (\r\n                          <>{this.value.length === 0 ? <>{this.selectedItem.username}</> : <>{this.value.map(item => typeof item === 'object' && <>{item.username}</>)}</>}</>\r\n                        )}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </>\r\n            {this.showHelpIcon && (\r\n              <div class={`help_icon`}>\r\n                <gb-help-tooltip show-supporting-text={true}>\r\n                  <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                  <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n                </gb-help-tooltip>\r\n              </div>\r\n            )}\r\n            {this.type !== 'search' && (\r\n              <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n                  <path\r\n                    d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                    stroke=\"#697586\"\r\n                    stroke-width=\"1.66667\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              </div>\r\n            )}\r\n            <>\r\n              {this.dropdownOpen && (\r\n                <div class={`dropdown_menu ${this.menuPosition}`} ref={el => (this.dropdownRef = el)} onClick={e => e.stopPropagation()}>\r\n                  {this.showSearchInput && (\r\n                    <div class=\"dropdown_search_field\">\r\n                      <gb-input-field\r\n                        size=\"sm\"\r\n                        value={this.inputValue}\r\n                        show-close-button={this.inputValue ? true : false}\r\n                        icon-swap=\"assets/search-01.svg\"\r\n                        placeholder=\"Search banks\"\r\n                        type=\"icon_leading\"\r\n                        labelText=\"label\"\r\n                        idOfInput=\"3\"\r\n                        onInputValueChanged={this.searchItems.bind(this)}\r\n                      ></gb-input-field>\r\n                    </div>\r\n                  )}\r\n                  {this.searchItem ? (\r\n                    <>\r\n                      {this.searchItem !== '' && this.searchResults.length > 0 ? (\r\n                        <>\r\n                          {this.searchResults.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : this.searchItem !== '' && this.searchResults.length === 0 ? (\r\n                        //Empty state for when there are no search results\r\n                        <div class=\"empty_state\">\r\n                          <img src={emptyStateBackground} class=\"background\" alt=\"\" />\r\n                          <div class=\"message_background\">\r\n                            <img src={illustration} alt=\"\" class=\"illustration\" />\r\n                            <p class=\"message text-md-semi-bold\">No results available</p>\r\n                          </div>\r\n                        </div>\r\n                      ) : null}\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      {this.type === 'tags' ? (\r\n                        <>\r\n                          {this.selectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={true}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              ) : (\r\n                                <>\r\n                                  <p slot=\"name\">{item}</p>\r\n                                  <h1 slot=\"initials\">{item.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                </>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                          {this.unselectedItems.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={false}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                <p slot=\"name\">{item}</p>\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      ) : (\r\n                        <>\r\n                          {this.items.map(item => (\r\n                            <gb-input-dropdown-menu-item\r\n                              type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                              state={StateEnum.Default}\r\n                              supporting-text={this.supportingText}\r\n                              selected={this.isItemSelected(item)}\r\n                              color={this.color}\r\n                              onClick={() => this.handleItemSelect(item)}\r\n                            >\r\n                              {typeof item === 'object' ? (\r\n                                <>\r\n                                  <p slot=\"name\">{item.name}</p>\r\n                                  <h1 slot=\"initials\">{item.name.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                                  <p slot=\"supporting_text\">{item.username}</p>\r\n                                </>\r\n                              ) : (\r\n                                typeof item !== 'object' && (\r\n                                  <>\r\n                                    <p slot=\"name\">{item}</p>\r\n                                    <h1 slot=\"initials\">{item}</h1>\r\n                                  </>\r\n                                )\r\n                              )}\r\n                            </gb-input-dropdown-menu-item>\r\n                          ))}\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </>\r\n          </div>\r\n        </div>\r\n        {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n"]}

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

@@ -14,31 +14,28 @@ export class GbPagination {
         if (this.currentPage === this.totalPages || this.currentPage > 1) {
             this.currentPage = this.currentPage - 1;
         }
-        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     onNextButtonClicked() {
         if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {
             this.currentPage = this.currentPage + 1;
         }
-        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
+        this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     componentWillLoad() {
         this.defaultSelected = [this.selectedPageSize];
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
-        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     handlePageSizeSelect(item) {
         this.selectedPageSize = item.detail;
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
-        // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     setCurrentPage(number) {
         this.currentPage = number;
         console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
-        // this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '21d487b826f635ba6830cdd64d45e57a86ddd12e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '35efcf2a8f32b24703e3fe1cc69b524636fa1171', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '5c944ed57344764c4211bf0dbe3112d3cd53f08d' }, "Previous")), h("div", { key: 'da27c0552ff636ef200333510decf07c5de3dce6', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0b1305a2cf7aa037d7e5564eb891db3f98dde992', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e57da0d5a1ce08b09c24d8770d1fb091247c4f7', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'aab8ffe7c53e838a3be20d5388a16190c7e3fe8a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '712766e0fd722b833eaf537c17bacf52daa2ad13', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'cb415db6558c518eae661f8f8be9287930b75a43', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '30e82d701e31e7e6a2ffeaaf04eef3deb0a49aea', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'e3ffda5f41e3ce3b10b21a99cb091b9b650abe47', shape: this.shape }, h("p", { key: 'fe3eab31210ff3087bd2bd4e5ea0b17c846f6e3e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '16c244310b9f4912e3aef1d31422942b47a6b621', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'caa2bd6ca32014eeefa5ad09b718b7df58fc3f9c', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7e4b313542a409be8496daf6c62ac9b166d6f798', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'f084db2d92a4a99df3c5fa1f7e469b4d2bd95464', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '2713321ac0796d2895edd9ac0ef741b6f79a7687', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '8c50309bdf92dfeb208688d058b83617db2765ae', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '20039b094f2a4bd6ca4688bd884aeb6870d820a7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8d0f145aa1bd930ed4ac510b9a5d010e5d142483' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '92fc589a054f990d1b154819272d6b3271383938', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '18ce388e2c631d2b2e7c89b6dabb790bea57cd4a' }, "Previous")), h("div", { key: 'ae90b0725afdc8c286c1b52707b0241bd080b7d2', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '1f1fc6dcd96d19d003a663d05b62ab2ac5c0372f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'd87ea6ae675adcea7ef2517a23cd1b40a71eb292', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'fbdcdeaf776a65eb4baf90c9948ff8ac7d7eb49e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '08bb6d33a610209698a0c56c3423eb4df109b9fa', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7224de47b1640c3408e6cd530633354382c30e52', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0f4343cb2072451810ea4820529815a79ba3087c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4e7556d0dd7b722469b8b45058fbb8fa676f41d9', shape: this.shape }, h("p", { key: '49f52c7d7ae14647a6dd7628aca0b08527bb72aa', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ff188a96ff746d01352155b95d5d933a77c33c42', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cecdab5c489bb67973e96f88c382e5ec3bb44fc1', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'be343cff0dd966b3c3217fe1e43b16513bda99ae', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '28ef8231370904f38db3e80076315eab77a06b70', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0906f0808d4ad0e429c61e6a29a51ad792c9c356', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '20f44eb972d6ad91be46f8171c9f6cccd2c6bfb3', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '173d0e0c1a955366d9b70b01a6dc957397544133', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '27e866ff656b0e9c37bbf524f5dd5a411e12e5d1' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4a56b326e27ca871f10841433e89b5c867e1dbd1', class: "pagination_entries" }, h("div", { key: '0b98b1d44cad28d5164365c273302053e9a63021', class: "entries_text" }, h("p", { key: 'f35dbbcd74d7448e23dfa219ba4f091fb00c4a92', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f2fac24bc7be2fef1135a1e554e3d52a97c8f93d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e3a94df97c2a78bcc7f1e34d876dd882bdb2e784', 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: 'c8cd01ee73f730e72db059511d70303598d0cb88', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '098e5580e6ea232450e532e14eef1f1d8e3d6a9a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3e5ef36c6c0deff4e56e09be0c7d17936f0e0901', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '31bf42b0487565cc3c3f99d76f6f399bf72ea392', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'df220d3343151d23f0c8a6ca6e31ec0ac28311bd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '67583aa099094b5d1e918e52e1e1fb08862622f2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a161a08501baf1cde3b40b6066f457d88f62dbbc', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fdfc33fcdb1c2d8f593d6074784706cf10948ddd', shape: this.shape, state: "default" }, h("p", { key: '82b3e20a2cefeacafd203474b28bd44a97f4df22', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f6b65559082f9f2a5f69574f95ef99340bcc10c4', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'cb7a13c9e861d695916dba628aa99f4699017572', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'b63180936dcda0f9bfff2208a2f59557a3a77c0e', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'b62f20da00f0f990d8f7a05a76a48d6f9f720c9f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '23224f9950905d7b3c504f3994216d992f240696', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '1528370c46f5054afb79bdb8951b324dd3228694', slot: "page_number" }, this.totalPages))), h("div", { key: 'a4c2edd97bd91c7ee7c1e4ae8e40b23bca348568', class: "pagination_btns" }, h("gb-button", { key: '4c0c433621e7e60f5c93c8a3e2fd787d9b3fa860', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'a2252733fae1d87da398305062ea87832de525b3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1b1818a33079dcf1783504e778f11fe0ef2937d6', class: "pagination_entries" }, h("div", { key: '149d781edbd15b00ae59d350ededa0bbe6712ab1', class: "entries_text" }, h("p", { key: '256d161262ab83f23f815df665053416464d69c6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6a83a3b2e7f9ca61cf185f7bb4a173fd2e8442a8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7296913cd13fbd2724e655c469cad1327cc30345', 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: '49f8b19c2e8a99bb6b35bfebe1e6647329012288', class: "page_number_text" }, h("p", { key: '079146b51b836cc4a2c05454358016c33b017758', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '96dec8271e071b6ec4dc830750854caaa8607bfd', class: "pagination_btns" }, h("gb-button", { key: '7adbc2f00261ec7cd990db8defc176f2c911f5f5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '64b9b3c6453317223e451581427fab98322cc6af' }, "Previous")), h("gb-button", { key: 'e4300e534435bada56190f7e6d538fe82d4c6833', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cb2e7f2126548b5cc5c88ad4fef8ea426d77b758' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '53fc0c99d2e4f8e8c3a17e73289126ad89b777be', class: "pagination_btns" }, h("gb-button", { key: 'f8aef609e7b12892eec2a4e3b3749808560b0be8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1849975cc1f089fc23901c69d623d2ad0ab70afe' }, "Previous")), h("gb-button", { key: 'd7a85694e16bea3620561cfd67d929889101817e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ac233f7ce0876fb34e01cc12367880076d5a6e1b' }, "Next"))), h("div", { key: '5525fdaf952115ca287bc2b81375a0f26f6e0410', class: "page_number_text" }, h("p", { key: '8e9fd9d8421a9d70b9321476f9f2dc5f965e2812', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '093ae89ded9f198a5043b36134754344a3b14b9f', class: "pagination_entries" }, h("div", { key: '46d7792ba37922fd3b55710fcfc69b1186f32ec1', class: "entries_text" }, h("p", { key: 'c6105f6f3fcc918a8f025fb5ebd8fcedb40df3a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '012d6d67938d80b4aaf058480845890fb8dbac5f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ef5a3dcf9944e046717b1f5d40df6fbc618cc7e1', 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: 'fa089fe8ab9f9feedba8aa54c71d32d5b7338298', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '998ffbc7af0c57efdf19107f10d0bad49244994b' }, "Previous")), h("div", { key: 'c3423a6434a0457c27ec7b27ff5eb3a914cdc0ea', class: "page_number_text" }, h("p", { key: '5f44a2dfa7cc83df0c40f971b913d017d1117e51', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '733a2fab286ac9b1e9bb2912ce1bb0fd331de980', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '89765014489c63dccc54b7e19ba53cd57b6a78b8' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '7db2ba3bd19e7245e0c288f37506111d1327af16', class: "pagination_entries" }, h("div", { key: 'ecbf2766431b965b93087a591aedc327af9c934b', class: "entries_text" }, h("p", { key: '6ff9c766a6b82e28d75cacc1fd0bfda2d756dcc6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7c014da088271cfcc69a3ba36947bb6928173694', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '826102ad75ba7c603fd40ce6f815daf20425d4d0', 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: '3279ace727558b1e87cce525e5d57f57d971e147', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc6741720688b98a2851cb30c72c3aa84109cbb9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2d67ab92db33c18e6653fabe84214e815cf59a3f' }, "Previous")), h("div", { key: 'ff4ca35ac3ad7800d9b5744c475527a19e112cae', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '324e5471f1724123fa55f7848f93a6e08e9be7fb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5466d8596ed3523c67e52f92ad8f928b07cdfbb7' }, "1"))), h("gb-pagination-button-group-base", { key: '79729861d5c95498bf1f274c3bc74864d5d25f14', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '0051e08febf847b808501603a42c92b1a5fb54a6' }, "2")), h("gb-pagination-button-group-base", { key: '046be9fd7fadd3463e121c80f58c6c0bf97f38b9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '82cbc51e4788a015dda867e7717ad60fa7023fe1' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5a315887e501ea43844860b7da0fbe009a6fce4b', icon: "false" }, h("p", { key: '499e5698db8353f1c2f733d96dd7c8fa3cbe96ea' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e53896815cd151e7107221ee2cd1bb223bc6275e', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9e1e95f8ad2507eecacfa77cf0a452e098a37e23' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'e1ca26f8ae2985b043862692efe6b02b036e5650', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '67a13125e5763724dacf9bb80a1565c0a1ac0b17' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'e0273606004c052f0be76c34ed0857426e7634a2', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '3b77272ae148a337533015dafa06f91a1120fb79' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '3532183b662e1b6700ca3b3fa1e6155e3684057b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd2b10033e04f53aa54533b5901cfddc6d1bd05a0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '98515985afda427c3692558dcd02063b9fbeda74', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0ced6c695f5b59e7199713107cf3805db2ead146', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd8cb510d8604020fb025970375024abd3ff38ad3' }, "Previous")), h("div", { key: '2dc5a9a3d6fee706949853cb688d27bbcd3275ca', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '4ce32e7e498c06d629b9ef30d91067a81371eda3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9c7a81370d8b4068120cff02636cff19b92a9c0d' }, "1"))), h("gb-pagination-button-group-base", { key: '2fbaf40b84cd4af311925c22fce7a0b3b4a7dd98', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'eeb467b754ff5296ae0215223e56ca335a868d29' }, "2")), h("gb-pagination-button-group-base", { key: '960898c56c306a33869632dfd92ca6b757a64ac3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '0d288ef6def2bb07e77bbbc73a8127e6a13add4d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9c6b456f0463daa3c30b06c747c0fba60de4317d', icon: "false" }, h("p", { key: '42cde1301fb385c6835c2d6f625b49d43965e8ff' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'efc6c2d0747d54213d95d1423e1c015c6f09dea0', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ae16d651c229d6a6019260e2d085f3e2d41df299' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '09adcb1089beb06ab5b198689a7e23ff5428e7cd', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '2f01ce24e87d0f5aa34f16f728b6d9b2683c65b7' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'ae2164bbf6a7cf604dcc97c0e2c53d55a4fe6fc0', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '2cb153f9e92870f4691e898f23d4a09b955bbcc9' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cb7f8fc47efba6bc9bb8efac65fbca182449ac58', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e3e66572cc337e0a35cc02884c38b5594d9cccde' }, "Next"))), h("div", { key: 'fe27be55641b68218b0b1da6c09a01cc2f45abae', class: "pagination_entries" }, h("div", { key: '3c8311e19131f9216b5644984db620a394483d65', class: "entries_text" }, h("p", { key: 'c72096272e279ce45a912c59e7f09e1cbca0d5f7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '69b1131377a04ff0c770d48c035aef1a25d7350c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e996cb51bf79f0a9682cb5979b5462ff84797546', 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: 'f29f9a28d0994a0235d6c292e931fb1d1333b096', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '68aea3c6aa52d605d0f6dc8a3c1ffa3811745f32', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8a148ba9e84dc7203ea41ca88cc35b51da477132' }, "Previous")), h("div", { key: '123ec361c1022322ba9e60e9f934bbd5fc53b5ad', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '809fe2a5b02183e1cc177fce57ca4c8ffd385650', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3e4e12ea0064d2e38d67ed8b84f176c982f4483e' }, "1"))), h("gb-pagination-button-group-base", { key: '56964613ef81e9afeac1555edb74ba634032ac91', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ab31e5962a7dce87e2f51ac748c9daea83f85b51' }, "2")), h("gb-pagination-button-group-base", { key: 'd2f1b2262756c944d2fc1ae93fdc2d64673bd1b7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5c50e6cf2647ea1b1613b76c3f8bc7fe4b94c8e4' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ccf2f7a1daca8b55c293c2712e5438b807fcca02', icon: "false" }, h("p", { key: 'ec62828d722485599ff6eb5ed89c3421f5ea9668' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0d92a59b3a68dcb1f1f37f5ac61d4fce9965d479', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ee67724fdc7238b3d2d1a123831983e3389d7576' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '8035748e077271cc92ecb96441f0ceacc8cd112b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'd776ace442e492c8c1f8ae21d602252cad5b201e' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '193199c6bc2c28882d6508aad13783e0d11f4035', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '5d22dec6d36877aee7d750e90f8087d73dce6455' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'cad6a07af9daa9a502074ff11ef9c94505711b07', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '4f9649f40337b25b53b0a06e708d24b5650a3d2f' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3bb8d82999b6dbeded31b8bf46dcd931d6161419', 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: 'd77afadcca531111676eeefdfff0ae5fea368ce7', class: "page_number_text" }, h("p", { key: '55670075afec66c031e46369fb419b918d25ad55', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '21812b0e61e0b53563dada6ff6609d9179cc780a', 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: 'bc4eacc2888cbe73681f8a4beb8bfc6ffa845ad4', 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: 'f53bfeae416bd5e3b22235ef317ee4f980f378d4', class: "page_number_text" }, h("p", { key: '8ff3bff022173d5ba6a5952880783cd43d3d57f5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'bb7bb310a82417e008b2dd2a2054a3682e5a905a', 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: 'd7f60d633b8b63f700b863ee1a9ca5e47712cab8', 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: '723e76ff998c5659c023b8bd41e95689b313c431', class: "page_number_text" }, h("p", { key: 'e081ab114b7f29aa68e8ca2ce9c547a30b1de3f0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a014a5fece81a89c60e7043b6fe13001605d8f97', 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: 'ab95e17b5774a35daac966da9396264362f33c81', 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: '2902d4b4a639ed5dabfc5f9496cec498035d0e70', class: "page_number_text" }, h("p", { key: 'efd0f6a2f443c1fe39901af1416832cf527f6cb8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4eb7d88f8a0b671984f8007cdcb1cc46d35efa34', 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: 'd486cec9b8248ef3b9e1f539486fc036df53e608', 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: '26a25c8e1a74e791c7cf4c226a263e0c35dd871c', class: "page_number_text" }, h("p", { key: '1de612ab29ce2b8bb9f77062d0b7618b834a8bb2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '914fcb9915ce596e80cdcc2a10aa3d7453cd6265', 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: '95a4a5d7a7e54136efb1f972c9f5a7efb0f42a2e', 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: '38692789da150cf820680ff8174c3456564ff339', class: "page_number_text" }, h("p", { key: '8e12de268e585e592b536e25a32428af1182732a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '19410460b419d2645a3653e5017cad9e59abec54', 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: '9c36b9008277a7b351e5c6a177b79727557742e6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b31c10a82df9b97edab3f277cf886ac9760b3baf', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '248ab26726cdbe8ff04fe1d79842909572fc34b9', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'd50046a0c5d26b9500304c1386a50f8b3a5e8cc3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8e14b0dc8c79ec105dee43bcc747102162f61ce4' }, "1"))), h("gb-pagination-button-group-base", { key: '72b5420b38baa729effd6ef5984d3fed841bdcaf', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8cecadd4b4409ad5748e8899882d40c93a02f078' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a369a68f901233e0921dd12a56aee4f5fb159388', icon: "false" }, h("p", { key: '09963475fc898cb8ad07cf72975cb47925d2115d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '103bf4d04d26b6b39b0646e7dec45ec4ac0245cc', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '44bfdc822693f0f97e56596fa9a75f74e5180530' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '0a3a71e3ffe45c5ec3e510f6b588ad01da47ff2c', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b1e6d482f41422b08641f002fd7e0cfffbb095ec' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '935a42d37a6479158ece07d110230d87521967ee', 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: '3e3d8ea901e1ef48fba0102125bc36855f825fdb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '15e7ace24bd3709ec07ada859e8843424db0ef45', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff96680d162aeab94e0e840601130b7c3eff8b07', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'c2549824295f6d07d593b2348cd09389d6b79dcc', icon: "false", state: "active" }, h("p", { key: '8d8e3aa7696f33957d214cd9d9460c7e7613e30a' }, "1"))), h("gb-pagination-button-group-base", { key: 'd456c577bfa9ab9d2d650071343548eb2674ab93', icon: "false" }, h("p", { key: '9fbfb403571860a1757dc3a9ca6f20de0d97cfaa' }, "2")), h("gb-pagination-button-group-base", { key: '22bb2dea807c5a1e63166498578d3fc8125b574b', icon: "false" }, h("p", { key: 'ea566443c6dfe256e45b7fb93b76634c7daecef7' }, "...")), h("gb-pagination-button-group-base", { key: 'c3ebeeec3c50321916cb619f410fa2bfabc3f249', icon: "false" }, h("p", { key: '4563adfa853587afe64c7a773776c802270f7652' }, "9")), h("gb-pagination-button-group-base", { key: 'e198c55be1a24a70952e46e17b5136f21482379b', icon: "false" }, h("p", { key: '6dd49b6d5c0bccef39747a46f9f373992bafee16' }, "10")), h("gb-pagination-button-group-base", { key: 'a9d8d82b58c46056c5a3eabe4d02cea770ff54ba', 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: '647145fe69ed8d7bd0d2f71fc44282afe8648f9b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '14d56a502290d989cf854c4d5a6a696bcf23ae66', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b351a28288bcb9a430a110f6db4e64ece730d0cb', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '216e3d876e3802db880519f3b758adbdc2c139eb', icon: "false", state: "active" }, h("p", { key: 'fd07d57068bead49ca6406c188fe847d0a66e7fe' }, "1"))), h("gb-pagination-button-group-base", { key: '2d04080cfc7d4dc87c1f65ed8b9bb437cb82899e', icon: "false" }, h("p", { key: '21e46dbee6a9e5957164696ce79891c1017de9a1' }, "2")), h("gb-pagination-button-group-base", { key: 'e04ff75d12f4ee2edc6ec0fcbfbe04f574bfed71', icon: "false" }, h("p", { key: 'bc2820cf2ae78b0816bc8910dd90acce67f13d0a' }, "...")), h("gb-pagination-button-group-base", { key: '55452256d1e7bcdf1fe4527454ce1fd3449e89d7', icon: "false" }, h("p", { key: '5349fba33150d7dd941670f21eb531f6d1f4fbeb' }, "9")), h("gb-pagination-button-group-base", { key: '40dc5e0cdaf06801ae134480e097677b7ebc1946', icon: "false" }, h("p", { key: 'f02fa4dee1582ddb15f53af68c6a6edb4929e8dd' }, "10")), h("gb-pagination-button-group-base", { key: '8cc8f5886ed61034eaf3c9be29c8028ae23b3e2c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '4bce19c0be9d1f59e5fe2ab84e7a7997691bb11a', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cc05ec13b655f0b0b688d5316f3fce35456cc314', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'd0d1f0ff31c099349db05685d142143f275e1136' }, "Previous")), h("div", { key: 'f3466c65e4ad18c380eddc0036f1ab8cfe52607a', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '7670b20fc08731d87c7241279f327ca992029ae6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2e9209d0c2379e90f2d01fe2dcd3a0a5a9251060', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '8816ed69aeb9aacd66c60e890549a69a58a45184', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'dd7c883cbc7d4022d734ba9a7141338256384353', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '36b5aa0bd59b4cb789f44726424d7309d60187eb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '587128268205b2e2dfbb5e1039882d4b2f1678e6', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '71a6233ca510f93d8afcc5aec81ec01b2ffa340a', shape: this.shape }, h("p", { key: 'c3e3d88cbc667c745908787eb83735f4f2e4123e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd6defe57c039fa8180b74fee1b9939e5a75ffce9', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'd01229b364283ddc3d1a24c04eae40049ceb0426', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '23541baa9ce93d7d064f74e4d791a10815115134', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: 'cfc533c0d0eb5f11bc5c8c89a50c8123ad05bbf9', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'ba841e24e28673dc98e83117306f0de9fd5b4c8d', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '27d439386756897d514106052be4bb83399a1ff1', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2b2787f5beae6ded5f3cef36283fadbc17109a8c', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'df736a2b4d80d4c16bb103c5c562d048a6f14699' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '114571bdbffd1f6a9a4cd2cb1ce3532c0b47432e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3dc23b4cdb3c21193b390c421269432ab0f513b5' }, "Previous")), h("div", { key: 'c9e986f90392135aefd4510c0e7c699ccd361775', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '0cb85cebec3cfbb581fea0a8c686f844ef9c1e68', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '36c25c4d7e71abec23fbf50c325088384c854ffc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '7e9e13b7619cf990fcbe9d5113e52946e5f39090', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ecd5c3f9a55f17bcbc7b82f9424ad63fa668f217', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a4bf0b81532087ab4a1b6d0f28fbaa84b908fd56', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '68b3e26b0d993682dd29f745722bbf94b159706d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b2343422d7c49c0f8a9463063516167657edc14a', shape: this.shape }, h("p", { key: '10282c72d02152bcafc962933082dda77513bd8e', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd108c3319cd2161f344550665fee5c01a3019645', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: '9025dc51c3596599d50a36677c81787893092fdc', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'bc3089164bcf0a34b129b86b3e6ba75a6c5afe99', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '91ec250e7640281f3e71b01e3dc1394fec435f1f', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '45e2bd054295aa777d3fb4f3a5dec29779ef78af', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: 'c5867366cbbbc1b82b7bf19582be2a80144bb9e8', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'bf5169adcbb9c7e41da4fdadf374cd1ce224a7a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '60e433bbd864f22af41fce5ec6089ce0b113f7a7' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e66107a9ca38ab0bc5caa15a5e8de465062919c5', class: "pagination_entries" }, h("div", { key: 'ab03e4ff0c9487ca66312ba4ace20b0ffe7a203a', class: "entries_text" }, h("p", { key: '984dfa80d09f779a62fa52483b3bbd2da0fe837b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5b03654d1f966570127891240588526fe2cc95aa', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a5c2b2ef5497f1bf0ad60311e16c07642177d395', 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: '432d11db60e17c528db236b8c28cc63ccdd4a1b8', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '49bea1faa85a3e87c88ab0e639425d48ccb96089', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'c387706c69131dfbee7d7a56e7aedd75b6e76cd2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5a18c60c742eee163164b6ac6bb76fa6ef50aae1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5bb9d98068d5dbc2ce681dd4dea546712a4e695d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '39b6804d1f7d0769fd96c022a93070c399b9556a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '217b5ac1d86f17b46c5b65a4c91b2864fbe2082f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6dbae08dc7c0028d5d95305372c67318203b2735', shape: this.shape, state: "default" }, h("p", { key: '5c1b2ff3436689951506b8d3441f20c0b8ea78d8', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '23b2e366748633b9896971c0dfcb1b309a77aaac', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 2) }, h("p", { key: 'a14ce43bf7563e435a3615bf25550101479d586b', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '0747f97ee077a33641faa8387a4b45be580a7f43', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages - 1) }, h("p", { key: '3fb5fe1c9c4e45e4c177afc6cc6440cb739c54c0', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'dd45f370a1fa786d3c3695c6d9e479fa472b1a8c', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.totalPages) }, h("p", { key: '16a41d3e54d1bbe0e87127544713efdd6b4e8a29', slot: "page_number" }, this.totalPages))), h("div", { key: '2cb0e0c23c921bce4d123cf403fbb727600a811a', class: "pagination_btns" }, h("gb-button", { key: '5d6cd5f9693b1c810a8c276c9e0c42637c28ac27', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '51a03def1c76d391d0cef54d6ee73d898a23ed02', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f69396b5017ccd9f56dd5126c04dd1c127e4a306', class: "pagination_entries" }, h("div", { key: '9342aaebb00142f148ed58f75a416735feae29b0', class: "entries_text" }, h("p", { key: 'e1f11a8150a68db0e571133f8923f8e5edce6841', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fbc83f32ffdbdd2d47a7f84c2f5c618c264aff03', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '37184d52710f2a1ba588f1c7ce5e96eab0447872', 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: '5d8c0f55fe4b64fdbdda937e1bda6bbdb3a29431', class: "page_number_text" }, h("p", { key: 'bdf2143508eea1fbbfa6dfc1a785ef0ba0247394', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'ae68ac002bce357b04e0a563443383156ecb3af9', class: "pagination_btns" }, h("gb-button", { key: 'd5c22297e134e6c4084a54432d779264c01a7e5d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1a94056d69127c60bb343e030a72fb3684f504ed' }, "Previous")), h("gb-button", { key: '5d5c86fdce14965226ddfec1ad01bed38a3384fe', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5429e4a42e9dcc64782370af0c08b3217c800677' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0151d41cd41c9f2bd2731bbb6455b25f42c3c7f4', class: "pagination_btns" }, h("gb-button", { key: '819297b9683dc3e18fe7fa8d7099844e00c7f0b1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6b11af6d1fc771945c75ffe97c69557d32cb86cb' }, "Previous")), h("gb-button", { key: 'bb6ffefa65404c3f559328ac21c24db6bceb54ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ad2a6ec50cc1aa70e3a9e50a6662992f6e306eaf' }, "Next"))), h("div", { key: 'be41fded890a01495ed86d03d8c81e9a97734496', class: "page_number_text" }, h("p", { key: 'a9432b3b3bbcd6c5c6f6ae36fc41d531c33278c8', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '321c58f187fcba4ccc245bef4e618a25ed862523', class: "pagination_entries" }, h("div", { key: '54db03b40be9cce5dc703603ee9a2e1e9cb6bdfe', class: "entries_text" }, h("p", { key: 'cc1b0fd9ed6c3bb55209de5055209cf3492446b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '83cdf6170807d31cf2d816ace7d5e8a9a3dc93d0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '94465ab3220ea5137d53e9566122c58479b08740', 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: 'ad49834141444f61a95feab6bd94e95d219c272f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '233d5799a4f9292f287d5cb89d971b3358a13ecf' }, "Previous")), h("div", { key: '4edb5470aa89f7c1a2b8e432655cc22f3c774298', class: "page_number_text" }, h("p", { key: 'b694d98102ea98d00e37e697c4b385e2399af2a9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '520f6a9bd27ca2610899a4fe7285d50771fbb17b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0b47f167e2aa48913469c71f47029f0e9c881e83' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '6316681804581a332d39f55a137ed97925ae9296', class: "pagination_entries" }, h("div", { key: '37a14be4914ff38268039c0ffe5efa94321ea4b2', class: "entries_text" }, h("p", { key: '2f5817773c8f374cf36fe20b7c271d064ce35926', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '44eafd39c43613de44fe88ebb49bbfd4c5a4cc0d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'af05680d372fd5c3d00a5b9bb9a5948e371304ab', 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: '51b6e74627007b42d73b26749891e5b77543b569', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '71ee6217d139228bca3c552b99dab1d3f7c43c09', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c0f21d5023f30cb47e20f6e2e99e6d9d582ef24c' }, "Previous")), h("div", { key: '56f2e9af0fac66c8af9049b838d5580bb09d2a0c', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '6fb4e1def9aa91633a2fb30a6d01bfc93aabcc6d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '71185ec2b15cb10d2cf24021ab790d8dcbbfd79c' }, "1"))), h("gb-pagination-button-group-base", { key: '4e6d88e1bccdf227229c4c231c5314a60fec8110', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ee39243899b3798e373859055aa7ac5546271f92' }, "2")), h("gb-pagination-button-group-base", { key: '372e68b480e4d167dd013a568bcc1753d3286e3a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '06ea72832fbfedf465a477baa57639ff0b1f3351' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'aa44798d9af592091e4976566c2b4eb0aeba767a', icon: "false" }, h("p", { key: 'b3b610688c5c0067200adbc0a02e0afbfa1a2970' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'dd1873886bab54d9be5029fd2c2052f05ca1b1a5', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'bb39c12bc5b579a89c6a5c6e07cbff537a1ba7ba' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '533ddf831a5fdb4f44060d1db0d17ceefb747a53', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4d9e2d4ad590114e0e5919ffaca8913b63763419' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '9fc9c41224ec5bb0c282c2b66b3cba2ae2425bda', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'ce5620ac8960ca846c89b902b0fcbd16b1a4aef0' }, this.totalPages)), h("gb-pagination-button-group-base", { key: 'a2c0aaebdcc042ef7f93d1eb225d39db6a84a809', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e3d5a6c6d31374f70b37205e0db776d577e1424e' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'e0e83ca43736f9cdcc3e2f874bb8d2840c197457', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7dd45a52d363eed251a65581b007c77f3a5b032e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '93408509f7d5e8345776ee14eb049050ad3340ad' }, "Previous")), h("div", { key: '4cf8127d1a4573e94d4acc04a9ec13fc18f5487d', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '227d6898af03adca5faff870d115d84f1cfb9eb1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ebe97d3990b12c53dc85a4d855d3ef5e139916fb' }, "1"))), h("gb-pagination-button-group-base", { key: '12f90e2443bd33cc61773851ef695b9125346e20', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2797335f29de3c7c30ba4704e77ccb96e2060398' }, "2")), h("gb-pagination-button-group-base", { key: '2a10489abb5b3a5753d4cd0f5629136542dfb939', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ad716068b58164f2f78aa8845ee1ab32870d1d77' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cd48b8d4a5e61bd3f5e2265c38311f384929e46c', icon: "false" }, h("p", { key: '3b177d30d527886d14149cebbdf8eff2baafc8d9' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'af7574177e3402646cdfe381f09fc304c9b3a4d8', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'f36704497ad8f53a065d08107602a59c1235b385' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: 'b55e102dede6f775c55ae3f5d87f8183f6f84704', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4d6d5b41c3ac42662713ef6ed51f9f163e850ede' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '120f42e4149b1c483588cfd361219e04998f79db', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'dbe9a2e89a26a8352ed7d0778a33b2811e62e6b4' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '0009835ec6898e64095a09f4634934f80c0ad030', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd6d42f9df27f4b81bb8184a9ca0c3c5f567ea357' }, "Next"))), h("div", { key: 'de24c0e58e055c3bc5958f6dbf95e78a0e48cc96', class: "pagination_entries" }, h("div", { key: 'fef0924843091578528f2bf7b9262079583115c2', class: "entries_text" }, h("p", { key: '9c22152d8b66506aefd2b38c5060d9eaea3c3932', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6454c1bf2d9b13df2823701c8a24e09359111f1e', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '415d976efa4223b7a83f30cb2cbc91a7ffcbf6dd', 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: '568c187a7e976564c29c8f30f4bc2d484da22940', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '32ef05c593acb8c330825c843c4d3410cf7c493a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd6db76b1d0b5d64e772ee38c091169e75b215a7b' }, "Previous")), h("div", { key: '3fefe7fe3ebeffcb7496ca455151c2ee984aba0f', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'fbf1408a4e2fc8ae09a34fbcd70566b4ad8a2cb9', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c6ede614067d1615d246420b4863b1324f47ae81' }, "1"))), h("gb-pagination-button-group-base", { key: 'c5e61b50df75c89adc0afa97a35025b61403d985', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd37bf43d4674be9659b63f1f5e8ac83852b7cbaa' }, "2")), h("gb-pagination-button-group-base", { key: 'c8126d59731a72dc8d71e070ffb3d791cd986a51', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fe6685542931d6538511dab32b3637142c24cf0d' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c31177a5b0f3de01fcab337a4850ba765ed456aa', icon: "false" }, h("p", { key: '42afe546502a7979baacfe08708e1a9b11cfb07b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f34f06aada3683c1575ed6273e62504b682c98c8', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '46bb119e3171cbc194a03b3d255964b41703ff31' }, this.totalPages - 2)), h("gb-pagination-button-group-base", { key: '7dbeffebf69b9c4ad143076e17c2669848b66c69', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'ceb18f176af80435da9b914110cf7b90c17dad89' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: 'd313597dfc47363acbe4a46aec2c978edac80948', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '97c5adcbdf2fa328dcec64e723b7d43260e78d8f' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '360563300413e8b00037d32b3dc8a27e125f82b4', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a34d280e596545a68cd5ce237f332f1c82f85f9a' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2bc34a155ddc52443255f652d0b8edcd068f34ba', 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: '41f37128cffff8c645cff96b785fc49b04bd6508', class: "page_number_text" }, h("p", { key: '044026e295dc81627a081d20e4d1dbdef6a18da7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '23cf0b7ffd03b16d732316ccdf0be1d196062fa1', 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: '1f7edc9e02dc20a7e3bd3725c40c6431f146ec73', 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: 'f72b7dfaddc67522dafc46614b3a44b229b99577', class: "page_number_text" }, h("p", { key: '7bef3af203b1d92f34dfce43e199f9038dc0a0c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '48b45b4fb8f51312a2e3bf0a6bd1d5de5bb3168a', 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: '02ca9711c1417c8cd8213901fa98d16850270aed', 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: '5267a9c7983bb9b560e276dc92de87ebd3b83508', class: "page_number_text" }, h("p", { key: 'e622c132d1cbfcb1f0c866af6045c5f9f8dc33a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '8fe3ceb99488328f25743f1106674432e66c4acd', 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: '3a84f7ff36bcd87332877bffe1795ce0bf30758e', 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: '86c5368cdc97062335f3fe446c39b4095b9444d4', class: "page_number_text" }, h("p", { key: 'ccb4ce665d6d67dcfeee84edae5850daaa6a121c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5d06cb12d2ddd67fdb14bcb1928acb58428c0085', 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: 'dfd0f3bd47f7c80fdc9de9e96e7f3f9364ddbe42', 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: '59a95858cf92bd27933e1cba04145afc46708023', class: "page_number_text" }, h("p", { key: '50fc62b39e149153d05f13113c1c888576b42996', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2d571b93daab1c1483df9f9da511a7d5ed6ca0c9', 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: '19e1b032310e75e7b2097b6d2ab348750224f34e', 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: 'a431975467e3bf32bfac920a57129d8932da808f', class: "page_number_text" }, h("p", { key: '3c3c316dffa1ba18a5447f4213a103ecc11d40c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5b31b941c66489d814df3d873183b844412f27f5', 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: 'b40435ce2c9089ce585be058ee24839ceebf724e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'df37def2e786ba3b50937f7a3831d4295dae53e2', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1cd647180ca8ca9df4fcf4f7f70798ec384423e2', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '8deb72e8a427a5153f57c1db28c1de05b8dc27e9', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '5e574615d8a18bc9ab4782145c2d22ed439397d4' }, "1"))), h("gb-pagination-button-group-base", { key: '9f71ad49882cde2835eaeee8c525487060a78eee', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'effde0d1c2744b0536b8867fb2aea667fced7926' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'a3a84c9d31e55f1b508ae735ebdbfcbcf052ce76', icon: "false" }, h("p", { key: 'e61f384f04ac748c4cf848676a435c06cd8855c0' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8284c73163b60abaf99a9bd769e9fbbfb054ec8b', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '578fce2b432f1f6679d546356a436b4ce0d72d14' }, this.totalPages - 1)), h("gb-pagination-button-group-base", { key: '09d32aab8183c73798058598fc96768c2aa68c9a', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8cdbe04198834eecb43abb4e65f6b7b8b50eaa1d' }, this.totalPages)), h("gb-pagination-button-group-base", { key: '49ac1daf5d2eb7ca4b1de2d4bea04e926f9eb500', 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: '8b9bb0b3755f09e7b4449321899173a78525e3f4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c24427f3bd785800ba54b7e8b9b02c9e59b27430', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f8fec085e78ee9b49b5534f4819cdc945488ad03', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '9a1558ffa6a249763bb03d900dd7b80cfc8d458e', icon: "false", state: "active" }, h("p", { key: '46f6453bbf82c910253e8d0f7f5984af1827bec2' }, "1"))), h("gb-pagination-button-group-base", { key: '2ba6a09345fa2e526e1ca9d6203082931bf25921', icon: "false" }, h("p", { key: '75e1ef5fb901146d2af48d86d79c7be3a9aa608d' }, "2")), h("gb-pagination-button-group-base", { key: '94ce215b4cd688515d608c8438f33db7215ebbfd', icon: "false" }, h("p", { key: '2bdfffc2d61e3f8dfc5e58f050c01d0b8b51eea8' }, "...")), h("gb-pagination-button-group-base", { key: '5a730208784ce805b296ebafc8adc9fba6824495', icon: "false" }, h("p", { key: 'ca4230ca8b1f00f5efd9fe2033143ade56395aab' }, "9")), h("gb-pagination-button-group-base", { key: 'd0bfc5c0f25836eb6ce72e389ecc5ac775441e33', icon: "false" }, h("p", { key: '803ce0f07e378bc412a0848b69b9a6c23dd31aa1' }, "10")), h("gb-pagination-button-group-base", { key: '3d71adc5a31bd41d1ca14aaa2efaf2ff77339f0d', 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: 'ec2fec5d5964b2f4fe4ad355c26623e6e4c541dc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '91c2aeb969b898543694de14503a99817cb2e389', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '38b20b806ca7d56136d9ae5b0d0b16964029a2ac', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '65186caaf1bf78dc9c9a9e3029c74767cd611e25', icon: "false", state: "active" }, h("p", { key: '447a0097e43716661848233e7e81442e0127cab7' }, "1"))), h("gb-pagination-button-group-base", { key: 'd71531a4ce7c44a3bf6f3500e7ddab095464da0b', icon: "false" }, h("p", { key: '59a2dc2774d680a5fddb1617a5835928457f7c5b' }, "2")), h("gb-pagination-button-group-base", { key: '990522070524b61379b34ca2464489981747ee9a', icon: "false" }, h("p", { key: 'be2bdd162fad6970ece72dbe66b8c69382fcada6' }, "...")), h("gb-pagination-button-group-base", { key: '5b79949b3a0d83afd78dd7fe3a9dfe52d26523e2', icon: "false" }, h("p", { key: '711c6330e11110d44dc47a50e19122f14668ecde' }, "9")), h("gb-pagination-button-group-base", { key: 'c7a739de4dd8d6cbf5e8ec3682681ffeb3e6d149', icon: "false" }, h("p", { key: '7a060235bb8a6ef3cf0ee8e2f8885979e8a75723' }, "10")), h("gb-pagination-button-group-base", { key: 'a459fe579bd0efeaf59c859532ea617b190b663a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }