globuswebcomponents 1.0.7 → 1.0.9

package/dist/cjs/gb-input-dropdown-menu-item_5.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-input-dropdown-menu-item.gb-tag.gb-tag-checkbox.gb-tag-close.gb-tag-count.entry.cjs.js","mappings":"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","names":["h","getAssetPath"],"sources":["src/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.css?tag=gb-input-dropdown-menu-item&encapsulation=shadow","src/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.tsx","src/components/gb-tag/gb-tag.css?tag=gb-tag&encapsulation=shadow","src/components/gb-tag/gb-tag.tsx","src/components/gb-tag-checkbox/gb-tag-checkbox.css?tag=gb-tag-checkbox&encapsulation=shadow","src/components/gb-tag-checkbox/gb-tag-checkbox.tsx","src/components/gb-tag-close/gb-tag-close.css?tag=gb-tag-close&encapsulation=shadow","src/components/gb-tag-close/gb-tag-close.tsx","src/components/gb-tag-count/gb-tag-count.css?tag=gb-tag-count&encapsulation=shadow","src/components/gb-tag-count/gb-tag-count.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.dropdown-container {\r\n    display: flex;\r\n    padding: var(--spacing-1);\r\n    align-items: center;\r\n    gap: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n    cursor: pointer;\r\n}\r\n\r\n.dropdown-item {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 0 0;\r\n    border-radius: var(--rounded-xs);\r\n    cursor: pointer;\r\n    color: var(--color-text, #4B5565);\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-style: normal;\r\n    letter-spacing: var(--Font-Letter-spacing-T-md, 0px);\r\n}\r\n\r\n::slotted([slot='name']) {\r\n    font-size: var(--Font-Size-T-md, 16px);\r\n    font-weight: var(--Font-Weight-Medium, 500);\r\n    line-height: var(--Font-Line-height-T-md, 24px); /* 150% */\r\n}\r\n\r\n::slotted([slot='name'].no_wrap) {\r\n    white-space: nowrap;\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]) {\r\n    font-size: var(--Font-Size-T-sm, 14px);\r\n    font-weight: var(--Font-Weight-Regular, 400);\r\n    line-height: var(--Font-Line-height-T-sm, 20px); /* 142.857% */\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n/* State Styles */\r\n.dropdown-item:hover{\r\n    background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.dropdown-item:active{\r\n    background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.dropdown-item.default.selected,\r\n.dropdown-item.icon_leading.selected,\r\n.dropdown-item.avatar_leading.selected,\r\n.dropdown-item.dot_leading.selected{\r\n    background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.dropdown-item.default.selected:hover,\r\n.dropdown-item.icon_leading.selected:hover,\r\n.dropdown-item.avatar_leading.selected:hover,\r\n.dropdown-item.dot_leading.selected:hover{\r\n    background-color: var(--color-background-discovery-subtlest, #F0F9FF);\r\n}\r\n\r\n.dropdown-item.default.selected:active,\r\n.dropdown-item.icon_leading.selected:active,\r\n.dropdown-item.avatar_leading.selected:active,\r\n.dropdown-item.dot_leading.selected:active{\r\n    background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.dropdown-item.default.selected.disabled,\r\n.dropdown-item.icon_leading.selected.disabled,\r\n.dropdown-item.avatar_leading.selected.disabled,\r\n.dropdown-item.dot_leading.selected.disabled,\r\n.dropdown-item.checkbox.selected.disabled{\r\n    background-color: transparent;\r\n    color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.content {\r\n    display: flex;\r\n    min-height: 2.5rem;\r\n    padding: 0 var(--spacing-2);\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 0 0;\r\n}\r\n\r\n.dropdown-item--selected slot {\r\n    flex-grow: 1;\r\n    margin-right: 8px;\r\n}\r\n\r\n.dropdown-item--selected svg:last-of-type {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.tick{\r\n    display: flex;\r\n    align-items: center;\r\n    padding-right: var(--spacing-2);\r\n}","import { Component, Element, Prop, h, Fragment, Event, EventEmitter, Method } from \"@stencil/core\";\r\nimport { AvatarColorTypes, DropdownTypes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-input-dropdown-menu-item',\r\n  styleUrl: 'gb-input-dropdown-menu-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdownMenuItem {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop() supportingText: boolean = false;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n  @Prop() state: StateEnum;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Element() el: HTMLElement;\r\n  @Event() dropdownItemClicked: EventEmitter<void>;\r\n\r\n  componentDidLoad() {\r\n    const nameSlot = this.el.querySelector('[slot=\"name\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n    const initialsSlot = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    if (nameSlot) {\r\n      nameSlot.classList.add('text-md-medium');\r\n      nameSlot.classList.add('no_wrap');\r\n    }\r\n\r\n    if (initialsSlot) {\r\n      initialsSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-sm-regular');\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async handleClick() {\r\n    this.dropdownItemClicked.emit()\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      // <div class=\"dropdown-container\" onClick={() => (this.selected = !this.selected)}>\r\n      <div class=\"dropdown-container\" onClick={() => this.handleClick()}>\r\n        <div\r\n          class={{\r\n            'dropdown-item': true,\r\n            'selected': this.selected,\r\n            'disabled': this.state === 'disabled',\r\n            'checkbox': this.type === 'checkbox',\r\n            [this.type]: true,\r\n          }}\r\n          role=\"option\"\r\n          aria-selected={this.selected ? 'true' : 'false'}\r\n          aria-disabled={this.state === 'disabled' ? 'true' : 'false'}\r\n        >\r\n          <div class=\"content\">\r\n            {this.type === 'icon_leading' && (\r\n              <svg id=\"icon\" 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.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                  stroke=\"#4B5565\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path\r\n                  d=\"M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z\"\r\n                  stroke=\"#4B5565\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n              </svg>\r\n            )}\r\n            {this.type === 'avatar_leading' && (\r\n              <gb-avatar class=\"avatar-icon\" size=\"xs\" color={this.color} text={true}>\r\n                <slot name=\"initials\" slot=\"initials\"></slot>\r\n              </gb-avatar>\r\n            )}\r\n            {this.type === 'dot_leading' && (\r\n              <>\r\n                {this.state === 'default' ? (\r\n                  <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" fill=\"none\">\r\n                    <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#17B26A\" />\r\n                  </svg>\r\n                ) : (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\r\n                    <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#EEF2F6\" />\r\n                  </svg>\r\n                )}\r\n              </>\r\n            )}\r\n            {this.type === 'checkbox' && <gb-checkbox class=\"checkbox\" size=\"md\" type=\"checkbox\" state={this.state} checked={this.selected}></gb-checkbox>}\r\n            <slot name=\"name\"></slot>\r\n            {this.supportingText && (\r\n              <span>\r\n                <slot name=\"supporting_text\"></slot>\r\n              </span>\r\n            )}\r\n          </div>\r\n          {this.selected && this.type !== 'checkbox' && (\r\n            <div class={`tick`}>\r\n              {this.state !== 'disabled' ? (\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=\"M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337\"\r\n                    stroke=\"#075DB2\"\r\n                    stroke-width=\"1.66667\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              ) : (\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=\"M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337\"\r\n                    stroke=\"#CDD5DF\"\r\n                    stroke-width=\"1.66667\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                  />\r\n                </svg>\r\n              )}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n:host{\r\n    display: flex;\r\n    align-items: center;\r\n    width: fit-content;\r\n}\r\n\r\n.container {\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: var(--spacing-1);\r\n    flex-shrink: 0;\r\n    border-radius: var(--rounded-xs);\r\n    border: 1px solid var(--color-boarder-subtle, #CDD5DF);\r\n    background: var(--color-background-card, #FFFFFF);  \r\n}\r\n\r\n.content {\r\n    display: flex;\r\n    padding: var(--spacing-none);\r\n    text-align: center;\r\n    align-items: center;\r\n    border-radius: var(--rounded-none);\r\n    color: var(--color-text, #4B5565);\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Medium, 500);\r\n    letter-spacing: var(--Font-Letter-spacing-T-sm, 0rem);\r\n}\r\n\r\n.icon {\r\n    border: none;\r\n}\r\n\r\n.container.sm {\r\n    height: var(--spacing-6);\r\n    padding: var(--spacing-none) var(--spacing-1) var(--spacing-none) var(--spacing-2);\r\n}\r\n\r\n.container.md {\r\n    height: 1.75rem;\r\n    padding: var(--spacing-none) var(--spacing-1) var(--spacing-none) var(--spacing-2);\r\n}\r\n\r\n.container.lg {\r\n    height: var(--spacing-7);\r\n    padding: var(--spacing-none) var(--spacing-1) var(--spacing-none) var(--spacing-2);\r\n}\r\n\r\n.content.sm {\r\n    gap: var(--spacing-1);\r\n    font-size: var(--Font-Size-T-xs, 0.75rem);\r\n    line-height: var(--Font-Line-height-T-xs, 1.125rem);\r\n}\r\n\r\n.content.md {\r\n    gap: 0.3125rem;\r\n    font-size: var(--Font-Size-T-sm, 0.875rem);   \r\n    line-height: var(--Font-Line-height-T-sm, 1.25rem); \r\n}\r\n\r\n.content.lg {\r\n    gap: 0.375rem;\r\n    font-size: var(--Font-Size-T-sm, 0.875rem);\r\n    line-height: var(--Font-Line-height-T-sm, 1.25rem); /* 142.857% */\r\n}\r\n\r\n.label{\r\n    display: flex;\r\n    align-items: center;\r\n}","import { Component, Method, Prop, getAssetPath, h, Fragment, Event, EventEmitter, Element } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-tag',\r\n  styleUrl: 'gb-tag.css',\r\n  shadow: true,\r\n})\r\nexport class GbTag {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() icon?: 'country' | 'avatar' | 'dot' | 'false';\r\n  @Prop() action: 'X_close' | 'text_only' | 'count';\r\n  @Prop() flagSwap: string;\r\n  @Prop() checkbox?: boolean;\r\n  @Event() checkboxClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\r\n\r\n  @Method()\r\n  async onTagClose() {\r\n    // console.log('close tag clicked');\r\n  }\r\n\r\n  async onCheckboxClicked() {\r\n    // this.checkboxClicked.emit()\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const labelSlot = this.el.querySelector('p');\r\n\r\n    if(labelSlot) {\r\n      if(this.size === 'sm') {\r\n        labelSlot.classList.add('text-xs-medium');\r\n      } else if(this.size === 'md') {\r\n        labelSlot.classList.add('text-sm-medium');\r\n      } else if(this.size === 'lg') {\r\n        labelSlot.classList.add('text-sm-medium');\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n\r\n    return (\r\n      <div class={`container ${this.size}`}>\r\n        <div class={`content ${this.size}`}>\r\n          {this.checkbox && <gb-tag-checkbox size={this.size}></gb-tag-checkbox>}\r\n          {this.icon === 'false' && <></>}\r\n          {this.icon === 'country' && (\r\n            <div class=\"icon left-icon\">\r\n              <img src={flagSwap} alt=\"Country Icon\" />\r\n            </div>\r\n          )}\r\n          {this.icon === 'avatar' && (\r\n            <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\" text={true} color=\"gray\">\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          )}\r\n          {this.icon === 'dot' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\r\n              <circle cx=\"4\" cy=\"4\" r=\"3\" fill=\"#17B26A\" />\r\n            </svg>\r\n          )}\r\n          <div class=\"label\">\r\n            <slot></slot>\r\n          </div>\r\n          {this.action === 'count' && (\r\n            <gb-tag-count size={this.size}>\r\n              <slot slot=\"count\" name=\"count\"></slot>\r\n            </gb-tag-count>\r\n          )}\r\n        </div>\r\n        {this.action === 'X_close' && <gb-tag-close size={this.size} onClick={() => this.onTagClose()}></gb-tag-close>}\r\n      </div>\r\n    );\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n.checkbox-container {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n  opacity: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.custom-checkbox {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: var(--rounded-xs);\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  background: transparent;\r\n  transition: background 0.2s, border 0.2s;\r\n  margin-top: 10px;\r\n}\r\n\r\n.sm {\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n.md {\r\n  width: var(--spacing-4);\r\n  height: var(--spacing-4);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.lg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked + .custom-checkbox {\r\n  background: var(--color-background-selected, #075DB2);\r\n  border: 1px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\ninput[type=\"checkbox\"]:checked + .custom-checkbox .checkmark {\r\n  display: block;\r\n}\r\n\r\n.checkmark {\r\n  display: none;\r\n  width: var(--spacing-3);\r\n  height: var(--spacing-3);\r\n}\r\n\r\n.checkbox-container:hover .custom-checkbox {\r\n  border: 1px solid var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.checkbox-container.disabled .custom-checkbox {\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n  border: 1px solid var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.checkbox-container.disabled .checkmark {\r\n  fill: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n","import { Component, Prop, h} from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-tag-checkbox',\r\n  styleUrl: 'gb-tag-checkbox.css',\r\n  shadow: true\r\n})\r\n\r\nexport class GbTagCheckbox {\r\n    @Prop() checked: boolean = false;\r\n    @Prop() size: GeneralSizes = 'md';\r\n    @Prop() disabled: boolean = false;\r\n  \r\n    render() {\r\n      return (\r\n        <label class={`checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}`}>\r\n          <input \r\n            type=\"checkbox\" \r\n            checked={this.checked} \r\n            disabled={this.disabled} \r\n          />\r\n          <span class={`custom-checkbox ${this.size}`}>\r\n            <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\">\r\n              <path d=\"M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5\" stroke=\"white\" stroke-width=\"1.71429\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          </span>\r\n        </label>\r\n      );\r\n    }\r\n}\r\n","@import './../../global/global.css';\r\n\r\ndiv {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-none);\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n}\r\n\r\ndiv:hover {\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\ndiv:hover svg path {\r\n    stroke: var(--color-icon-bold, #202939);\r\n}\r\n\r\ndiv.sm,\r\ndiv.md {\r\n    padding: var(--spacing-half);\r\n}\r\n\r\ndiv.lg {\r\n    padding: 3px;\r\n}\r\n\r\ndiv.sm svg{\r\n    width: 10px;\r\n    height: 10px;\r\n}\r\n\r\ndiv.md svg{\r\n    width: var(--spacing-3);\r\n    height: var(--spacing-3);\r\n}\r\n\r\ndiv.lg svg{\r\n    width: 14px;\r\n    height: 14px;\r\n}","import {Component, Prop, h} from '@stencil/core'\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-tag-close',\r\n    styleUrl: 'gb-tag-close.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTagClose{\r\n    @Prop() size: GeneralSizes;\r\n\r\n    render() {\r\n        return (\r\n            <div class={this.size}>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\">\r\n                    <path d=\"M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662\" stroke=\"#4B5565\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </svg>\r\n            </div>\r\n        )\r\n    }\r\n}","@import './../../global/global.css';\r\n\r\ndiv {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: var(--spacing-none);\r\n    flex-shrink: 0;\r\n    border-radius: 3px;\r\n    background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}  \r\n\r\ndiv.sm {\r\n    width: 16px;\r\n    height: 16px;\r\n    padding: var(--spacing-none) var(--spacing-1);\r\n}\r\n\r\n.sm p{\r\n    width: 8px;\r\n    height: 16px; \r\n    font-size: var(--Font-Size-T-xs, 0.75rem);\r\n    line-height: var(--Font-Line-height-T-xs, 1.125rem);\r\n}\r\n\r\ndiv.md {\r\n    width: 1.125rem;\r\n    height: 1.125rem;\r\n    padding: var(--spacing-none) 5px;\r\n}\r\n\r\n.md p{\r\n    width: 0.5625rem;\r\n    height: 1.125rem;\r\n    font-size: var(--Font-Size-T-xs, 0.75rem);\r\n    line-height: var(--Font-Line-height-T-xs, 1.125rem); \r\n}\r\n\r\ndiv.lg {\r\n    width: 1.25rem;\r\n    height: 1.25rem;\r\n}\r\n\r\n.lg p{\r\n    font-size: var(--Font-Size-T-sm, 0.875rem);\r\n    line-height: var(--Font-Line-height-T-sm, 1.25rem);\r\n}\r\n\r\np{\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    color: var(--color-text, #4B5565);\r\n    text-align: center;\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Medium, 500);\r\n    letter-spacing: var(--Font-Letter-spacing-T-sm, 0px);\r\n}\r\n\r\n\r\n","import {Component, Prop, h} from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-tag-count',\r\n    styleUrl: 'gb-tag-count.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTagCount{\r\n    @Prop() size: GeneralSizes;\r\n\r\n    render() {\r\n        return (\r\n            <div class={this.size}>\r\n                <slot name=\"count\"></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

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

@@ -32,17 +32,18 @@ const GbPagination = class {
         }
     }
     componentWillLoad() {
-        console.log(this.selectedPageSize);
+        // console.log(this.selectedPageSize)
         this.defaultSelected = [this.selectedPageSize];
         this.pageSizeSelected.emit(this.selectedPageSize);
     }
     handlePageSizeSelect(item) {
         // console.log(this.entries);
         this.selectedPageSize = item;
-        console.log('Selected page size:', this.selectedPageSize);
+        this.pageSizeSelected.emit(this.selectedPageSize);
+        // console.log('Selected page size:', this.selectedPageSize);
     }
     render() {
-        return (index.h("div", { key: 'cf070be66678b29c29bf20b2e85dbf0f48d4c2c1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2a8e704c35a2bd47afb4454b94633e6dd41d63c3', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '3819bf57bad2d48b6b0ba6de75e31223ea2cddd7' }, "Previous")), index.h("div", { key: 'c5442db8dcf138170ba249d57bbca91fc98707ef', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '49854f320ff384aa337a777150a6ae9c17d72ac6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, index.h("p", { key: 'b515380bda5609bbc40a8e161d5a7a323190e6cc', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '4ecb39bafbf878477f16e927bd12f2bf1af6c5d1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, index.h("p", { key: 'b0206f90011e8e12ce46f6fabee97993d3d3dbcd', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'd482e654886c0a10b540194c5dd292159a6b0e46', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, index.h("p", { key: 'f66378ac50cd73eb40d4cc32771983211d2903e5', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'e1aadfb9977f514bd2d36c0c356af0c75e7d5a3c', shape: this.shape }, index.h("p", { key: '09cd8ba7bb7ea4f0c471bca6449ce6281d109d5c', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '778cefbb749c5adbe42837aaa29d5ee1d11177a7', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, index.h("p", { key: '30a6a8e83775cf9b1f55de4f6c66459cd39ade71', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '9447b42d277148e80252ad146943d9f83fdb6e12', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, index.h("p", { key: 'e730ebcec2eb1c32cca6a041fd67f37a33e81472', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '89223c700406a2294fd2ae9e162381bc8be53b0e', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, index.h("p", { key: '803e7ac1d1d1dfcf2d4caf3919ec4f88e2e72ae7', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'ce440028a409a7d6c7b0abdbf51031a9fd156228', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '1a4425811a26e825c403a4a7392f07102a42ce9b' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '007433009321cbb697cfc9684747e4fa3d6fa2f2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '3cae531557f04d9df146bf6466972f566c253f85' }, "Previous")), index.h("div", { key: '780ee9cdf104784e145be80efa5d10696b7430bd', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'b086b76ed16f0c36b9e984a70aca25d42be9cd80', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, index.h("p", { key: '7e8dda70a8ec051210abb1858bd49956b3e8ce9f', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '84832a604d3813ecb8ade9c0d9c951ebf01ea386', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, index.h("p", { key: 'd4cf53a9680858ba0f8e1da9910eb7ac685d8005', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'a8407e683e3ed2ed6ed7fcc2c94a5595a0e1f11b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, index.h("p", { key: '2124e54e7ccda306f7c6f12a05b17d18fc47d4ce', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'ccf925166c8597910df90f394089ed36a0f2f0d2', shape: this.shape }, index.h("p", { key: 'e08660e9445f7d2be80765c2ea8020ff84d6f7e9', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '2aadaa2f98a2abe5c099a94f2aca91d7c536b35d', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, index.h("p", { key: 'b782ebaf6e4c0a52b1d1d9ccd15179be960dbca7', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '67685e72999d76a6d91cde4c8d0f10a2552e7a62', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, index.h("p", { key: '5dff6b17a35e0b0ca78b641bfbabf856e43e4613', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'dadb69ffafe110eacf68f4950cd1ca3f07934e23', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, index.h("p", { key: '2a8f530beed07b853efcdafeccc1c96a8abc5da7', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '4a2a5f6643fe71bab667cc746b0eabcdd7f86864', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '404593bafb6529525f96ff7c57f5633ffd886a34' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b056066bab38ad547ecb6365704f51c876f32aca', class: "pagination_entries" }, index.h("div", { key: '9064c9eb9390427da4475f8ad89e362af4607b03', class: "entries_text" }, index.h("p", { key: 'cc2e63625566303d08ae77332710968bd40f9468', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '328156efce581a2131fb7ee682ead03be4abd51a', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '91f7c63e2f2e67e4ad871cf6e5d7fe4f0a1903d1', 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 }))), index.h("div", { key: 'c0768c61fef9cddf6ddc21e193e4814d92083eb1', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '024f8b7b3a57b61dc34ddd5cfc99b2d5167cad36', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '7bac6223ea2b82729d1d7345f349a63109e4572f', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '017648e8f121237847fe724ae16c7abe728f0c08', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '5e53502245d4a90ed475ca41f33373daa9b713ff', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '25880741f093a9ecd90a2f20ca7f2808ad9df070', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '1ac3103a7686d5e2868ec730878ae79f4783475f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '201feec810c92be035e316408e4cd70969c8d20c', shape: this.shape, state: "default" }, index.h("p", { key: '6b24e052413daea6da454e6c97016a78b3764b3b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '2e714064929299417febb0c7d98e58dd7fed603a', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'e589f122adea6b473c85326e5c53fb0a3829ae33', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '7be9a57e838b56a9be7d26b18dfa57e60bd409c1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'dc884a614295a0dcfa6716e1c0088af12ab6817b', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'a84190bf09f84f4bfd8c42a9e85413af331ef771', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'e46fed52e6301685476567d51d24cb9cceae69dc', slot: "page_number" }, this.totalPages))), index.h("div", { key: 'df4ecd71f30795f0e7c1252cc08b289e28b37251', class: "pagination_btns" }, index.h("gb-button", { key: '198a8e4df6f591869496bb2bdb3fe012599527da', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: 'ef1d9caeb5fb6498fb4f77617182e1f725704b7d', 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' && (index.h(index.Fragment, null, index.h("div", { key: 'a43ba66e0bf647b5cf6c05a626e01096ccb661a1', class: "pagination_entries" }, index.h("div", { key: '7e96f3c51fdef60f7676c647d884ad87eb2a9e52', class: "entries_text" }, index.h("p", { key: '21262f73da1b04f782df30a86adc121c04084708', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f08107f07701b774d274c21bb265bec917455cea', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '54b53552361c3d1de26148222bc9c6e03d5e4df7', 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" }))), index.h("div", { key: 'b850a391edfcfce1502063b8a12de94e7894dcae', class: "page_number_text" }, index.h("p", { key: 'e16f40647bae0f046939469cadb000603f389f27', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '1fcf6ecde7e9dd81fba1cbc4616887a2f2220faa', class: "pagination_btns" }, index.h("gb-button", { key: '46385f60f6200d387a87392f80998431424e5531', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '6aa452e218a3c722186e548089d6391165074a06' }, "Previous")), index.h("gb-button", { key: '06fcbec47fd0bf00300ab67ba968d60eb763ed06', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '88799790ac8d3b9eb54b4b011ba9fe0d20f20dc6' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ae15b8f2136a9c3753080d77d015e18e0a5ebad7', class: "pagination_btns" }, index.h("gb-button", { key: 'f06a52604c58eb755f804506a2fe17d98b0de5a3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '6694f593c8a92f3d15c1f7b2303aa7188624fbd2' }, "Previous")), index.h("gb-button", { key: 'b0fbb1f3e4959de4cca5b44bf7c23c414604f82c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '97ab2adac0a26d9b31cf218648b0a31feefa81a7' }, "Next"))), index.h("div", { key: 'd93b7d51c3368069017ba99d42a249aa1ff01118', class: "page_number_text" }, index.h("p", { key: 'bac929f9cd9c3349fc72a72d634d9553cdda9a59', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '2eb811c93e264e1d0ee1f5a0cd8c28c1a9ea93e5', class: "pagination_entries" }, index.h("div", { key: '03ff7ae68b584a5ec9d3d7d1ae2c2c7a276ee8ea', class: "entries_text" }, index.h("p", { key: 'f611e48eaf19632fd7a84056b3650ed1de656db8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'e28be59aee670c43f732e2673469a96d7cd6c954', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '07344ec1e3a44b0c35fa041b3e4d8584a287c4cc', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '5b5e4a5bd29c41bab320c44f1ce2999fcbf7dd83', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a062efecdb866fb2be0ba20a46a4774ceae09a8f' }, "Previous")), index.h("div", { key: 'd0a13f05936cd3b1c0732ed92c0a2ddbecd0454f', class: "page_number_text" }, index.h("p", { key: '9f0fe59bd387991852b7a0a6d8a7a077584d579c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '5f2a0fe9ce7aa9c1cc4a3466353e164e14db2e1e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '531022b9168d1a71cc0c497246cf3289dfe59bf2' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '027a0c6dd60d8d2c7401115656f9651749a6c4f7', class: "pagination_entries" }, index.h("div", { key: '6378194dc9ea92b85b4e12db72531b588d77a206', class: "entries_text" }, index.h("p", { key: '41d285ebc6aeb9ff1fdc41d274a7e65dbf5c6718', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'fad79d0a7bc186aa92f7cd1bdef6bba6b2bf4c97', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0934aeddd07a22cfa595f85619c66cbda33d4d85', 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" }))), index.h("div", { key: 'e6b749cc51e0e332fbd9f56923f7dd27d676dbbc', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '90bc4e417c5fcc1566b36621622e455c3612ae98', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'a9589b8435f8eab7a715c68a68d67c533c0e4489' }, "Previous")), index.h("div", { key: '70936076273d1bfd6695a51e041ac75bfe31ca86', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'd93364626dcdb465dc8e4a3ac01d35a69b39e3bb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '020a9e537b5a578dd7019e0f5f7ef5e42337db9c' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'cc7a9b81dd05aa9fcce9771b35306e504ee0830a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'dea88d6d1ee37eaa1a25bc51432062226fd4a657' }, "2")), index.h("gb-pagination-button-group-base", { key: '747a5bb8ef70221500a5e5318132937a546801f8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '75cbe65d0d5cf4768a064ca09e1c12681d1a54c7' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '376fb9ddbd9ef24a2854253e2440f646c64bccfb', icon: "false" }, index.h("p", { key: '4a15f1a8f0b25aa60cb72645110d293a6aa323e7' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '61d0aa025e862a2bced86f049c777038975c76c9', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '3619c03caa20a3b4f0cb3eb2393d8c67dc018850' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '97e6e9244215aaf4961bb78ca3ddb3588cb412b6', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'dbc4b553a238d534ac6cd0871c210b87d18a3a33' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '73465979df43485bd0881dbdb3a06e94d9ff1929', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'c0d3e3b430189f597b404bf5775c87592facebbd' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'aa93b3b90f807af0020be2603d4fd6d192bb0225', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fce4e0a33adac10fa5a25bb63e435b4956db86aa' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'd860003ca003c28076e71c0dacc2521783a0414b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'ad211860d4a1089318b0b9264766fdfd0bde3e84', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '9f34dd9b7a5b2961d7c3e6f12f56075c41ab7505' }, "Previous")), index.h("div", { key: 'a7718a1435f4b540bb1c04d5560846b531ca32b2', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5456bf50d958671654f5f2b7d298e4292039d15d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '4832cb10fd368cbcfe80613b453c7cc590b73cc2' }, "1"))), index.h("gb-pagination-button-group-base", { key: '9d89258d0d3427e8b423a63267b21b5c60fa1621', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '3e9bb9b6c2cb0a034c1f34dd1191a77c0d8063ee' }, "2")), index.h("gb-pagination-button-group-base", { key: '7c9255de3c2b75e4b06d5e2fcc118edafe35980f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'e958ffd2492981852380f422f9b1c60416db7ff0' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '17afb5afb68b7b018ad083ef8deecf98c1225ad7', icon: "false" }, index.h("p", { key: '3b927fb2197da21a607c90c75497311f36bac16d' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'acf6d54b452abcf4d715fc8a30e83eb629c665f0', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'bc32e700c6e1fe041bbd6eec717ec6c1fffc0048' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2a657538c113f930f393216a18ebac03e32b834a', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'eaf597826c61a3bc99e164d3c6c4887867ca6fd8' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '7bd70377bfeb04951f8aa7bef10e525e98bd55e3', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '61be001ebd8e83bebfc52455e340d203b0160089' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'aeae662248f0cedc6cf665dc0dc0c31f075a3243', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '00bf391600470af3fe94a4717d292438898877bf' }, "Next"))), index.h("div", { key: '9d1506cff7d1b5e4b785a0bc91b9ec9a34fa2afc', class: "pagination_entries" }, index.h("div", { key: 'ffbe14e60c2ff91a85ee932e7989c94d1580fbd9', class: "entries_text" }, index.h("p", { key: '73d7d5807bd87d40ff76005b283176a049ec5eca', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '745546234406145ea062d4b955d6373bad3668ee', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '8a2c8c47a53f866d810b41e6e2c006aaedcfbdaf', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'e6d3aad1ef03aa356cba981d69c0bba97ce78e61', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fbc44de708b35d46c52f5ceedfb8a925bd662ebf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '86aecbe7762293f1c594362732c9af4e56a0bf4c' }, "Previous")), index.h("div", { key: '02d75e6fe4bba857cb50aebf4a0a72f170998a8c', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '90b92925c8e56a584791279b328a106f63db50a3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2f285c35d5561cfe4850351925e485febe1a47a9' }, "1"))), index.h("gb-pagination-button-group-base", { key: '072c3562ea9369d2a34cdcc98d53a2c50a33331f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '6d30d0f71638daa302de6680cd552e51b8cb5001' }, "2")), index.h("gb-pagination-button-group-base", { key: '81ac96c9c004f21ea44b7a267427f7145f3ebbaa', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd7a00c377da2850f772e5e95b5fde69b64f0244a' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '7e9046e31029c49f3bb62c78ec433ad303c416f2', icon: "false" }, index.h("p", { key: 'b6e8cc5f14437851117a1531725b697fc6cca91b' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'aeda5305aec1e4b4942d26ee1f931d6ce668f372', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '8e1e2592dfdbfc6a1ddca8130a2ad6c693f9b49a' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'f03a4399a624b448bb974d3c17fdeadf12649cf2', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8f1889a2906650f251b63fe85fb265d1ec733328' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'bc06d05eacf04818f14e375821263e7c97a8fcdb', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '332863f79fc6e1cc8d99fdd5488708736d213b1f' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '87760efa3337cf882134aacb5aafb82b77d3e92f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '7c5a941e68001b7ca66c9a92b62fe5ddb0e660fe' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'eca248cb53d2be7d0859df85e6029430044255de', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'beae37cb727eea18ce311ad4b9ffbd465e37041f', class: "page_number_text" }, index.h("p", { key: '2b9de3ce6320a7e625958f5037ec15fbd5aed252', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '9c0dbf4e35f63e788e9151a7ac3a19a8a2718740', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '6582868ddab8ca0c711f11342011a8e853349fbd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '9906d1a76e88aff0a48717643fbe7976e6c23962', class: "page_number_text" }, index.h("p", { key: 'b96e1a0e39728a7fa969cbd0ae29bfd40d05040a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '1194b1ff845ac0093337000464b9186ec354ad44', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'fcef73cf4bf9ee12788edee1234c970af1b43ae1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c78e2f8d5de9db111e389f59375f92e15c12c352', class: "page_number_text" }, index.h("p", { key: '28b3adc951677d1901b9af7cef207fac324c01d9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '4e8ff373a4f6b09dcc1f94832e1d1fbec763d5eb', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0a73b463ed86a7e668ef0597d8517f6767133e14', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '339e9351551f5ceaaaa7c0e6b22eef6bbc0b8442', class: "page_number_text" }, index.h("p", { key: 'af2499617cd7e21d667e61c818500d353b4f0d4d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'aaba3066a8c36e0c8f5798eead6a30e3078ab58d', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b8034492cbb7b20da21ce302093150f6b2613970', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '9084b95ebd2a0c962a69f152f4da1b2657d86cdc', class: "page_number_text" }, index.h("p", { key: 'fec990b8f56c97222e77cf45376ac7d3740cbcc2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'ecda2421caaf3029622a4ebeb9bf6eb46d78ed3d', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '0fed272dd3730b61d27076deac2367121372fdcd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'efc27980f1d542635906867e7c784005ce2baba2', class: "page_number_text" }, index.h("p", { key: 'ccb9c14b1dc4f39a0bcb914d38837d3f36f49528', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'e888d66f5bfcec4c8686b1de00b8a71d68fc8aaf', 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' && (index.h("div", { key: '285f5625cc57693bc3aba7e21cfa71261958ba37', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'ea21ad8b298bcfe2039e77e85269ac3da9445ee8', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'e451f0158d526ebf70c1a7c8e3a9fe413f97ffa1', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'eda016ebb3a14b6107141cc15afcb101df6ae73d', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, index.h("p", { key: 'fab38ab3e1856075fe9c60228bef2c3bc53cf0de' }, "1"))), index.h("gb-pagination-button-group-base", { key: '393c6e7aa4d120fd1a3375c0a56f3d64cb62f5a0', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, index.h("p", { key: 'f59b6a092a76277b6097c430e90f395fa5f89ad5' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b9bb11b1369bf990903b25e2ac22d62405aaa535', icon: "false" }, index.h("p", { key: 'd7c81dafc2b733f9243c82f92434071fc52d7ea8' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b8ac458e49c295d076d14b7d2b24a842e15e52b1', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, index.h("p", { key: '50ef888a8356176c1c134b03f5658e6cd4e6ce7f' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '053c273d8ce54377bd07c9bd3ec6717dfad8c466', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, index.h("p", { key: '37dcde91d37b1d6f005e4910e1df55e4d672f45a' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '7bfaf13954989fe10cd0247d8b22d3b60fccbacb', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'bf8e6417f152767501623064d2a60ac6c11c7474', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6485e2fb83fb40976ab5c1d82f1cff5058296e15', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3bca1b74999d9b845bb97595d655c0e99d3891e1', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '650d2dbdcb0ca0d997ddd3e256c60f2232ee1ede', icon: "false", state: "active" }, index.h("p", { key: 'b93caf4c8d7081fdf7f74fe265a8fd92cc8866ec' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'f9c403637586f17f4d54a1bdd257739efe2bd0a6', icon: "false" }, index.h("p", { key: '173ad25b56b63d7db784c50b8370b03af79f8fad' }, "2")), index.h("gb-pagination-button-group-base", { key: '2e301a17761d29a4610cbf06e9fad22749386cb0', icon: "false" }, index.h("p", { key: '346e6ea2a0b80f9de40f604cbe9915f864d110bd' }, "...")), index.h("gb-pagination-button-group-base", { key: '8b7df3d77dc150dd30bc16c6199685b02ae999e6', icon: "false" }, index.h("p", { key: '6eb1734dbe9ffccfd28a1324ece288d1d69f80b0' }, "9")), index.h("gb-pagination-button-group-base", { key: 'de578f872f4848a6858fe74eea20a2ff9fcb2148', icon: "false" }, index.h("p", { key: 'b99378601e8d3853716003c7c6e01b3bd5ad628c' }, "10")), index.h("gb-pagination-button-group-base", { key: '96447e33a237f768e7ae48fb3912bde288deef0a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '5e428b54f3b0ec0b330e83c24af260d757321373', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fb6894e51c88af16b867073b12553f53e355df62', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'da3ef7948135aba0466d305ea0902e154e7e112d', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '60c6acf0f0fd46e3c04459c4f9bb68a8e5d6a140', icon: "false", state: "active" }, index.h("p", { key: 'db8c6ae846a7aa3c9f2a2088ebe93e6d8673682a' }, "1"))), index.h("gb-pagination-button-group-base", { key: '480a475299e2459f76622f5790d44acec66994c2', icon: "false" }, index.h("p", { key: '27a1324adbf51ad45f75faf051946c4580649b25' }, "2")), index.h("gb-pagination-button-group-base", { key: '62668f95e6fb7cb04b56ae89773dc115ad0532b2', icon: "false" }, index.h("p", { key: 'cae58dc61eaaa06d1fbdc1b56b72302a76c2f24a' }, "...")), index.h("gb-pagination-button-group-base", { key: '3a92b45ec59d17c1a0a0ec331f37cfd3425e712d', icon: "false" }, index.h("p", { key: 'a8cab64bd1fb8ce0c0fde93f9da6be6f8a51d534' }, "9")), index.h("gb-pagination-button-group-base", { key: '4fd69b19703343545211935e07a741ee378e9d8f', icon: "false" }, index.h("p", { key: '25954b0ab2572952f7a7c21fb90f014ba721b6c6' }, "10")), index.h("gb-pagination-button-group-base", { key: '7e031f0d15b5cd9b58cbeb9350be2e1edbeed273', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '01d98f7917d30c2df06574ad385177bb8d88c4ff', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '321b696b3859eb3d093e63e1b5f613c915e77332', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '658c1165cb99420fb326a2af77b3c0b8529a7d0d' }, "Previous")), index.h("div", { key: '0bce7841ce4568295832ce6d045bbf2f6232443e', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '7ceffef9dbf3cce418045b0dd2c02f3f4b9b0fdb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, index.h("p", { key: '04723b58999230dc1bfa7cc5a94c4d6cffc38ac2', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '28bed8c06ebcbc6a00ed13ad4b5081c1adde14b4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, index.h("p", { key: 'c51b85b9ad67645548adefe02d3faae766ecd59e', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '77cc26ef2e4ce2d04ea1d510c986c12cd9df2bcd', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, index.h("p", { key: 'd4de5440b2cc250a183d0540024066c98e1763b0', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'a34195c7a486b04e37d590f90dac68bd28bd7f4d', shape: this.shape }, index.h("p", { key: '9921b50023b1746eeac5266c4a91f53c970df292', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'fabd808e1af0c65e401fbe1a5efeba39e5617328', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, index.h("p", { key: '24183c6b7b16ab9c777343c6b7a79820230ca3b7', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: 'f17861345011e30ee0c4eb7ecf7756423b72b62a', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, index.h("p", { key: '5135341b51df44c09e6618bac2e3d21907886981', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'db22077cc825aa22e12869ddff33bf78b9d81771', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, index.h("p", { key: 'fc0937505cdcc918b3b6f79c7653669350daac5e', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: '13e8a1e2ce84ea237bbd829dadf5fde40a6d3f78', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: 'ccd62fd0ea15f66495f96850e8ab1dc7ac2a88fa' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9a37fa02450d5b71c0715d5ea8d6e93e4df188e4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '569edbaf705709064d6e162f0d00bdaf48acd281' }, "Previous")), index.h("div", { key: '56ddb0c173d91384f993bbc9382b03806df87237', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: 'a1ded63025662cb32897fff49a0bed6e10874618', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, index.h("p", { key: 'bf2c2407ff30b1992f2c5ba3c8268f8c4c821bc7', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '1a55d8836e4aecc5fd04f9f175f70be4ea983ce1', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, index.h("p", { key: '3eafe8860ddf5ab872ed866c05abe6741eab7ca7', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'adcb5f80f94137de2247943ccb7ddf88b1243f37', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, index.h("p", { key: 'f060240a8d197e7045699b0cf1e077a6de65fcf8', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'f389ba9f546b52c6501fe633418ba386d3dadf92', shape: this.shape }, index.h("p", { key: 'b711ea3f7ff72dfb8f33e2306513f487e30510d0', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '958fbb5522042319a7d2fc7048f3214c435b4397', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, index.h("p", { key: '677cff8cd38a403b5710b97c424b14997a974c33', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '91ba1a486f004e5c69de24f5447a94cbe74ee467', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, index.h("p", { key: 'c360b29ae89ce2a743dc9fdb82b66de6115a9957', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: 'f4b9c07958f92a72791e1b804e052846fc78975b', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, index.h("p", { key: 'ef0f9b8e1fa35370639301f179427b9275aa8532', slot: "page_number" }, this.totalPages))), index.h("gb-button", { key: 'e4cade397cf24a9e1c4c70a0962849fce4b82e60', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", { key: '4c1f234decadce339a188bf8dcbf0e745d5a5946' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2582fd2d79d1c7449fc0cb100c8377f71f50cdfe', class: "pagination_entries" }, index.h("div", { key: 'ce0af94f018b452b88ba31d72e74c7cfaf87b4ab', class: "entries_text" }, index.h("p", { key: 'acbebe5662dfedcef62bc80fc442e1f2d15460c0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '51d6bd04b13df7ce0ae0bf5bd35129aec42e0dcf', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '290a45d73b266c6215895347a77de58d1fc173f9', 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 }))), index.h("div", { key: '93bf42cd19c2c71f71fd37b453d013d227e197ec', class: "pagination_numbers" }, index.h("gb-pagination-number-base", { key: '0d3da2e82d1764a1e8a8121688cea8593e883cf3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '71ac948dc880edee90778117ce5bb0e327a5f488', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '0b8f6552ada3b35a5c40beacf49a29227ec0c606', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'd02018681ff47445ed3c79907eeedb1e790ebab9', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '47f30e3b690321898c16a2fa33efa5507fc21f89', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '5d7f8b4e4d59e013c3a56af29539afcc4817c33a', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b3c34899ffa26c991529fce0608868d8c0852887', shape: this.shape, state: "default" }, index.h("p", { key: 'd159cf96bb3ff602c7a9b5ba010ab6bb856b8b68', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b95b8739dc48ce72e5ced981b8da031c2ada786f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '9573a39cd0e19309d0cd4873f0bbfe4f69232b9c', slot: "page_number" }, this.totalPages - 2)), index.h("gb-pagination-number-base", { key: '74227604a51f35c2e43f35c468a1ac499f998b13', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '7477bb94a5e07e99ddf163b2647da85b32d2a00b', slot: "page_number" }, this.totalPages - 1)), index.h("gb-pagination-number-base", { key: '1a90fc200f9db62360439b48f15b7a6b8a11677a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'e5d5c293ca08e17c193c3dfa7433458ee24edf7a', slot: "page_number" }, this.totalPages))), index.h("div", { key: '64ab81c0c6cb769a1351beebc7599adebd4c2bb4', class: "pagination_btns" }, index.h("gb-button", { key: '578a2a8e41acdd2389341df9ba4ce55876896bda', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '66c49815d046740622a8598ebb04e6c22549671c', 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' && (index.h(index.Fragment, null, index.h("div", { key: 'f0c16366e2032bd055b88db04ac3f263582d8f77', class: "pagination_entries" }, index.h("div", { key: '64a490325ea51ac51c9dc0f74fecf9f4e3287b2c', class: "entries_text" }, index.h("p", { key: 'f3e30a409ac8dd30c67764801a6dfa3143e06b99', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '831c66c37ce42569a5d7439fd2361d07db3f68c1', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '6e4b849849094482f5dc231d9ff5a139cd560728', 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" }))), index.h("div", { key: '75f82223a96f350152c5e437c4bd57ef6f2ce745', class: "page_number_text" }, index.h("p", { key: '101112229211b1ec464a11624ac4cfd93413ddf4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '56680944682d4270b8ae0b7dd31a56718e2722c2', class: "pagination_btns" }, index.h("gb-button", { key: 'ca2321db32d314f4ee024554f4452cc83abfde90', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f54e332dda6070c706734012828b07bf33f5906c' }, "Previous")), index.h("gb-button", { key: 'ec43aa0820fcee71057c3ba9354b1266255e27d0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ef666c3fb4709bd3911444c3333b467b95875cb8' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8d3e594897ab7f21a84daee5ea6149e8faee8302', class: "pagination_btns" }, index.h("gb-button", { key: '89740045a90abfcb3dc96713a372430bf879f694', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '06384b51a24385302737adfa7cb37296722a013a' }, "Previous")), index.h("gb-button", { key: '2473d215151bc64b890919e340e80e2a5044d683', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '5bba5ddf6a8e9a5370904b46bddfbcaf04403b72' }, "Next"))), index.h("div", { key: '3dbcd3580fe69e076947b2a8eceb733e6e12279d', class: "page_number_text" }, index.h("p", { key: '0425d040fd20615614b5648bcb6411feac320a23', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("div", { key: '965518f1cd92bf31770bec05db78fb2a31fb4613', class: "pagination_entries" }, index.h("div", { key: '0119a42daa4af124368faab6dc53377d3633ba25', class: "entries_text" }, index.h("p", { key: '23dab2f84e5fb79c4129a4bdf620f467e8d779bd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '17acc81725ac384ee32cfda3039fcfbe08f1a8ba', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '194cc938b47cfedc780faa858e1d43b30bff56a5', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9d509bdd292f1b5fb216bdad61f6b305cf62c80e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '05ca8a3c7c35cd1a41521d516dd224961d4e7279' }, "Previous")), index.h("div", { key: '967353b4150b85ae0e5564d220183199c9134e6b', class: "page_number_text" }, index.h("p", { key: '008a260c4d653b24db1af5f144930b4c9c8130e2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '094b8d3dbfd3bca099ec901d48c020e6e4c93cb9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '2c4a80a6b1f1276cc0ea305695fa11fe8a24bf1f' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'c862713d30192de9b406a5fcdc8d6aff9d3d30a4', class: "pagination_entries" }, index.h("div", { key: '192c38eca79d780c547209eadbb8d405876fabee', class: "entries_text" }, index.h("p", { key: '0c393ef86b3aabafca7f5cd7a188cc7d2fc88082', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '35b42dfa1496802635873e616ec2f497bcaf8bd5', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'af05b612f12d532b1e2705b4a9a6a5b5c2952e98', 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" }))), index.h("div", { key: '5ca856fdf2e1086dceb53d9bd947ee537dfffcd4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '104e829a5f3a54e5a25d0bc13fc07dbf72f43f5c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e9152e9e6d14583486de4dd638bd7a1b9e74bbd0' }, "Previous")), index.h("div", { key: 'bc456796a901dcf0bdeace5b3e3b43f21180846e', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '5d6e3c06ac2cf4bd27f6c580cca4395a15573511', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '5a2b0335703389a20b2c87b6983d1d295dc9ffe6' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'fd2e4feb01046e5399f4e7bd7cc369227103e7ca', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '975cd6134282b3325b75336d688fe7fa4dd3f9d2' }, "2")), index.h("gb-pagination-button-group-base", { key: '356cb23c33d03aef377b7ec5b6cd8045f624ce35', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '1d4a9bbcc86a6c5749a715afb2b47e2a2dd5ea53' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '8f5bc9fb2db5de8e6feb4fd16f020f06e083cc6b', icon: "false" }, index.h("p", { key: 'f4b1e22be161b6386bc72f979c4b5502635fcefd' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f9e36d33fbe8131513c1926ce9e3335215af3dc4', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: 'f68a1a512a7e49521c646df71cbb124bee89e6fc' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '304d13d73f852318ff598b94d2b37be20c41f351', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '8cac54ed64b712f5a482e6045e6413f3f891c413' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4165caa45035f9cf65482e2eb9864b3f16a42650', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'cf05a367832007e65f4ac0c36eda29612c05c1c7' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '8a2258e96f41198a9c1e67433817336ceec9e9e0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '7e9029c9e66a420baca92ab5f335073a6b1f135b' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2556396c0e4f82ebd6135986e0d925c0f61af5f1', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '2364f9e07a08b2be50333652087f7630a6ba1f79', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '058bfd85b06d643d7a316d590ce380c2a2830c0f' }, "Previous")), index.h("div", { key: 'adcf54094c891471af3b0676f12e8094eac6bde4', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'aae34d4b8a1f9ae01b38c201e5ca5b40136b0cb4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '22b2fd74eb6a6a2479b3ce197079d093df8199db' }, "1"))), index.h("gb-pagination-button-group-base", { key: '96fd4148d3bc6763718554a17de5fc07bc793893', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '41f51e59ccc2949bd82848efe3d3feb10d14b581' }, "2")), index.h("gb-pagination-button-group-base", { key: '7b7166af9b1b19bdd1114c06a96e7d9dd8a86185', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd6df13489520bd4cb3d3af0bebe980fb0a597896' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '46f3228c679b5c189b0e407031ab2748e2779154', icon: "false" }, index.h("p", { key: 'd931bde93c9ae6ec1d18f4434a78cbe302ebc134' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'da441c2031bc3a433fd9ede04d125257ac2ee3fd', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '6b2e161e3358fe0bad945b3546e41790944f28ad' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: '8614156be4a5ba624d1c9bc9658cfe8866680511', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: '0836a1462c69935430b568201dd38d653e592dd8' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4a3dbcd49677f2b667d7a3807d2270a3f3ef40fd', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: '664270276f942bab42a4f1c6df1b2bc635e6091c' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: 'c0fc1fd70b090e91afca5a59f62aed725da2a17b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '7edd5cae1db39e36a1e0346f4680e50b7fcdf602' }, "Next"))), index.h("div", { key: '02a5b32923b2d807ce7d60f34d726ab0948e1840', class: "pagination_entries" }, index.h("div", { key: 'ad3b73d72299b668f8e2af5ecf3f2e19d5944852', class: "entries_text" }, index.h("p", { key: 'f9040f69d33fbd4104dad38a9c4774995b8c9f7d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8c2900ae1bc78e425d84ddca6445830809e2f3ca', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '7b3685bc6d41152901b76f8cd82e51500dc0a634', 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" }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '808ac409521701aa442b3b09c229fa9f0bdd2c5e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'fbec0b8ef241600835e081d985eefeb90c85e430', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1cb84415f1d56bd3f294edf65e4239917d8c80ee' }, "Previous")), index.h("div", { key: '470b63061d6e746aac88d08419be6045e7aace6a', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '158668d1b0daa9492a1c8e5c7407f3f28c4938b4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'f1710ba719531d901bcf45afd1b4e569016b7231' }, "1"))), index.h("gb-pagination-button-group-base", { key: '5c4ab4612f29c7c0d32d501c214bec3087e344da', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '63db27c0b3f612ee9ba7156cbc40b2ea0045024a' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a0ce2edbf93d8b21a4508a915b9d2a0aae619cb2', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '1e52ab0b83e3bb3ebbaf6dbe488cdc75911dc9e2' }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '01b9ca440012233c5c11c80f78db8688f11abcb4', icon: "false" }, index.h("p", { key: 'c73dbf8e42cd3ec55787f7fce4011d369aa7f0f0' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f3a6b1c33e8e34d9627d3172309bf52b9c5fd598', icon: "false", state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, index.h("p", { key: '3bb9edeb65d9d0b190a7f096a627c291f977a3ac' }, this.totalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b908fb0c9a9f767499e19aa166ed2dfe35247da4', icon: "false", state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, index.h("p", { key: 'fac731a0a9292eee335a045e752f6ca61d4d5899' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f9098aa72aeda12c2ec6bcea5a7942870e1e8ae9', icon: "false", state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, index.h("p", { key: 'bcb96d93f60a17614ff1ef86f7f5752f02d5293c' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '9e6ffa8ef57702b95bcb3f3afa9e1e6b9f2c4609', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '753dd63d8d515bfa401f8d671797028034eb9236' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f6603513aa1978043fcf4323f6ef5c8606421eef', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c57462dfc4b6133612d84cc2132e8c4c0ab9714d', class: "page_number_text" }, index.h("p", { key: '8fc2502ba820c570fe427e76040bb99861a0283a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '728308546fc989dd3d39a0895e8b696eb6bf33e2', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '63df61801514c5e0bfb29499b3e10500f4170c9e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '748465996f92f27d27e7a59a09ca3d6355b2e267', class: "page_number_text" }, index.h("p", { key: 'c5628d043a1f23c0f7d652138115c319678d04fd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '763a9cbfc653a6db2414641edc7af3282c54ee19', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '6f88b9560a2a98097641f3820776d4d21a4f8c8c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '7af5be01e778a2667ecb2358ab331bff2854cd3c', class: "page_number_text" }, index.h("p", { key: '520ab84afba96a7bdbdd6da359a4663f88df7304', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'a7ed9140eaea9b5136d1a5ceb94fc705ad24a38f', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '820f7c3281079fb448287e323cf19696146b8862', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '77d5b3ef770d9f2eb6c8de240270fc0abcae8237', class: "page_number_text" }, index.h("p", { key: '35ac8cfe46328bb22614adec26a1d236de68498b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '7ef6fa6bc9be80bbad7568313102a95b458e0af4', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '9bcdb9a6162d32d73de5ce7b400e76f78e66d7a9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '584684f6cc20fef78955963a23dfbb5e9b3f9b72', class: "page_number_text" }, index.h("p", { key: '471de200cf66fa430c6328a9c7620a482182dd5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: '834c43ddeca61bcfd30dc1d209668ea2adfc5cbe', 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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '387a5610973b6360a88d65786c80b37030d3a57e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3c14c3d2c5e4a0ce663fcf0bb4207631b43dcbe1', class: "page_number_text" }, index.h("p", { key: '81b05ebfdd698da44b1d7a3ffc79a3f84753a445', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), index.h("gb-button", { key: 'fd5e6ea39eaf8128745ce5df0c4641d231182426', 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' && (index.h("div", { key: '3fc5cf1e6227ad4da969286f527a4ff0f464727e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '80df1afbc3f17c7a94ac3f546c282cecc1a63074', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c2ebb8284ed45fb0e2f8ec1af4d4057761072993', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '1019e9a693f5e94edf623297fd7c65ecef49a477', icon: "false", state: this.currentPage === 1 ? "active" : "default", onClick: () => this.currentPage = 1 }, index.h("p", { key: 'f68931af12dd5e4f80127d97247b6467ff257a93' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'de947036f02b8c0665ea5f44ce917bb8b2ea0578', icon: "false", state: this.currentPage === 2 ? "active" : "default", onClick: () => this.currentPage = 2 }, index.h("p", { key: 'f760fcc6178e676c51db27a4366ae223d40f6370' }, "2")), this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '5c14a55dc5bff15343546b4c66ebbe95a9aa2b20', icon: "false" }, index.h("p", { key: 'd2ce906c4f65451d8d10842f998c62c9aba0889a' }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '9d902395547a473630b6f7e15c7b7cbbc0c92184', icon: "false", state: this.currentPage === this.totalPages - 1 ? "active" : "default", onClick: () => this.currentPage = this.totalPages - 1 }, index.h("p", { key: '083a140686430e46e82a369a0d4b4b0c1acb9cc0' }, this.totalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'b8ee85fff4c87f93aa06dea3ffcb2b0e1fc238b6', icon: "false", state: this.currentPage === this.totalPages ? "active" : "default", onClick: () => this.currentPage = this.totalPages }, index.h("p", { key: 'f45df92fc758acd795f0280d3c69b6700c3a50a4' }, this.totalPages)), index.h("gb-pagination-button-group-base", { key: '0580f816682f6a10be4ad778609a7235cac7fd5c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'eedb5acedf339dd08246a24cf7aa05e2f5818438', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'cb2a0ddf7add38d8a4a3cbd1029b81d5c4f4135d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'e0f21c0651eb0f079615d89158b3d2913d5974ec', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: '696de62c7887de175e028818db18b6fdda17e3ca', icon: "false", state: "active" }, index.h("p", { key: 'bbbd17ce0b9377480b797c6e7beba5283567ea3a' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'bdb27a3550f290f958b493befff7d0d3a40956e1', icon: "false" }, index.h("p", { key: 'd12e245aa3fbd41cc943564d65666179259bb701' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b461782838499c064a928c7714cee29e88118945', icon: "false" }, index.h("p", { key: 'd8f080e37eaf0c8f4f58dc97ee1abf5ba26d9c01' }, "...")), index.h("gb-pagination-button-group-base", { key: '59d7892dfb1918d30938a649c622916d68349f43', icon: "false" }, index.h("p", { key: '297ac645d0262d53e2297245a9dee728cc882fec' }, "9")), index.h("gb-pagination-button-group-base", { key: '1946fa3635602d145acc3ea9e87ad0ab6f42fcda', icon: "false" }, index.h("p", { key: 'ce773a82201141a70fade731d5c65d4a776e48e5' }, "10")), index.h("gb-pagination-button-group-base", { key: '4eaf1165624e05673999d48d74c5ac0fe3c1e742', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '072c1d0148c4b8bc5e21105ff4bfccbac6f7682d', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '9ce8af3de90a591af9db007adf4def234ad6647c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '8e0d2c60ec70fe4d6ae3be4af71308f0f930f469', class: "btn_group" }, index.h("gb-pagination-button-group-base", { key: 'e0d0b8b9cdc04646a5a9a210164c7f5b604c18b8', icon: "false", state: "active" }, index.h("p", { key: '54553fee2fb890c733b405cec2479b32b370896b' }, "1"))), index.h("gb-pagination-button-group-base", { key: 'aec800c010721c51f2a22dba2f471ae346390936', icon: "false" }, index.h("p", { key: '5ad86add4505697ba336401847dee1287d93fce2' }, "2")), index.h("gb-pagination-button-group-base", { key: '05dbb63360372146f2cacc4b9698aebb4c8ac44d', icon: "false" }, index.h("p", { key: '3058a40524fa31a0792f01cd390857ec7b15a20d' }, "...")), index.h("gb-pagination-button-group-base", { key: '59f036a91437b3ac9508b63485794fd439c221cd', icon: "false" }, index.h("p", { key: '2989974a050f3f5a4519240d2356b6e23bcf8dfb' }, "9")), index.h("gb-pagination-button-group-base", { key: 'a9b62f5d8b47d856206e16a5710b512e637bd6cb', icon: "false" }, index.h("p", { key: 'f4f465a012bcc2d5cdb1f2260ff904a7a0a0cc93' }, "10")), index.h("gb-pagination-button-group-base", { key: 'a27dd9e966f7ee2add14776a82f71068799e2a61', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
 };
 GbPagination.style = GbPaginationStyle0;