globuswebcomponents 1.1.3 → 1.1.5

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

@@ -1 +1 @@
-{"file":"gb-pagination.js","mappings":"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","names":["GbPagination"],"sources":["src/components/gb-pagination/gb-pagination.css?tag=gb-pagination&encapsulation=shadow","src/components/gb-pagination/gb-pagination.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.pagination_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n    align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n    display: flex;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n    width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n    z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n    display: flex;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    box-shadow: var(--shadow-xs);\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n    padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n    padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter } from '@stencil/core';\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object = 10;\r\n  @State() defaultSelected: any;\r\n  @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n    }\r\n    // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    }\r\n    // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.defaultSelected = [this.selectedPageSize];\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n    // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  handlePageSizeSelect(item) {\r\n    this.selectedPageSize = item.detail;\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n    // console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  setCurrentPage(number: number) {\r\n    this.currentPage = number;\r\n    console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n    // this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                <p>{this.currentPage}</p>\r\n              </gb-pagination-button-group-base>\r\n            ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p>{this.currentPage}</p>\r\n              </gb-pagination-button-group-base>\r\n            ) : null}\r\n            <gb-pagination-button-group-base\r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n            >\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? 'active' : 'default'} onClick={() => (this.currentPage = this.totalPages)}>\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"gb-pagination.js","mappings":"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","names":["GbPagination"],"sources":["src/components/gb-pagination/gb-pagination.css?tag=gb-pagination&encapsulation=shadow","src/components/gb-pagination/gb-pagination.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.pagination_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n    align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n    display: flex;\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n    width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n    z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n    display: flex;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n    box-shadow: var(--shadow-xs);\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n    padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n    padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n    display: flex;\r\n    padding: var(--spacing-3) var(--spacing-4);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter } from '@stencil/core';\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-pagination',\r\n  styleUrl: 'gb-pagination.css',\r\n  shadow: true,\r\n})\r\nexport class GbPagination {\r\n  @Prop() type: PaginationTypes;\r\n  @Prop() shape: PaginationNumberShapes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop({ mutable: true }) currentPage: number;\r\n  @Prop({ mutable: true }) totalPages: number;\r\n  @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n  @State() selectedPageSize: number | string | object = 10;\r\n  @State() defaultSelected: any;\r\n  @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n    }\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n      this.currentPage = this.currentPage + 1;\r\n    }\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.defaultSelected = [this.selectedPageSize];\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  handlePageSizeSelect(item) {\r\n    this.selectedPageSize = item.detail;\r\n    this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  setCurrentPage(number: number) {\r\n    this.currentPage = number;\r\n    console.log({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n        {/* Desktop Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n              <p>Previous</p>\r\n            </gb-button>\r\n\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape}>\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state=\"default\"\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-help-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_numbers\">\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => this.setCurrentPage(1)}>\r\n                <p slot=\"page_number\">1</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => this.setCurrentPage(2)}>\r\n                <p slot=\"page_number\">2</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => this.setCurrentPage(3)}>\r\n                <p slot=\"page_number\">3</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n                <p slot=\"page_number\">...</p>\r\n              </gb-pagination-number-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p slot=\"page_number\">{this.currentPage}</p>\r\n                </gb-pagination-number-base>\r\n              ) : null}\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 2)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages - 1)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base\r\n                shape={this.shape}\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => this.setCurrentPage(this.totalPages)}\r\n              >\r\n                <p slot=\"page_number\">{this.totalPages}</p>\r\n              </gb-pagination-number-base>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              ></gb-button>\r\n              <gb-button\r\n                size=\"sm\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"only\"\r\n                state=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n                onClick={() => this.onNextButtonClicked()}\r\n              ></gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_btns\">\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n              <p>Previous</p>\r\n            </gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n              <p>Next</p>\r\n            </gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <div class=\"pagination_entries\">\r\n              <div class=\"entries_text\">\r\n                <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n                  Entries\r\n                </p>\r\n              </div>\r\n              <div class={`entries_dropdown`}>\r\n                <gb-input-dropdown\r\n                  type=\"default\"\r\n                  state={'default'}\r\n                  size=\"sm\"\r\n                  show-label={false}\r\n                  show-hint-text={false}\r\n                  show-supporting-text={false}\r\n                  show-hep-icon={false}\r\n                  items={this.entries}\r\n                  menu-position=\"top\"\r\n                  onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n                  value={this.defaultSelected}\r\n                ></gb-input-dropdown>\r\n              </div>\r\n            </div>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n          <>\r\n            <div class=\"pagination_button_group\">\r\n              <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n                <p>Previous</p>\r\n              </gb-pagination-button-group-base>\r\n              <div class=\"btn_group\">\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                  <p>1</p>\r\n                </gb-pagination-button-group-base>\r\n              </div>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n                <p>2</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n                <p>3</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base icon=\"false\">\r\n                <p>...</p>\r\n              </gb-pagination-button-group-base>\r\n              {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n                <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n                  <p>{this.currentPage}</p>\r\n                </gb-pagination-button-group-base>\r\n              ) : null}\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 2)}\r\n              >\r\n                <p>{this.totalPages - 2}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages - 1)}\r\n              >\r\n                <p>{this.totalPages - 1}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base\r\n                icon=\"false\"\r\n                state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n                onClick={() => (this.currentPage = this.totalPages)}\r\n              >\r\n                <p>{this.totalPages}</p>\r\n              </gb-pagination-button-group-base>\r\n              <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n                <p>Next</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* Mobile Breakpoint Pagination */}\r\n        {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n              onClick={() => this.onPreviousButtonClicked()}\r\n            ></gb-button>\r\n            <div class=\"page_number_text\">\r\n              <p class=\"page_numbers text-sm-medium\">\r\n                Page {this.currentPage} of {this.totalPages}\r\n              </p>\r\n            </div>\r\n            <gb-button\r\n              size=\"sm\"\r\n              hierarchy=\"secondary_gray\"\r\n              icon=\"only\"\r\n              state=\"default\"\r\n              icon-leading={true}\r\n              icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n              onClick={() => this.onNextButtonClicked()}\r\n            ></gb-button>\r\n          </>\r\n        )}\r\n        {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n                <p>{this.currentPage}</p>\r\n              </gb-pagination-button-group-base>\r\n            ) : null}\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (\r\n              <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p>{this.currentPage}</p>\r\n              </gb-pagination-button-group-base>\r\n            ) : null}\r\n            <gb-pagination-button-group-base\r\n              icon=\"false\"\r\n              state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n              onClick={() => (this.currentPage = this.totalPages - 1)}\r\n            >\r\n              <p>{this.totalPages - 1}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? 'active' : 'default'} onClick={() => (this.currentPage = this.totalPages)}>\r\n              <p>{this.totalPages}</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n        {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n          <div class=\"pagination_button_group\">\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-left-02.svg\" onClick={() => this.onPreviousButtonClicked()}></gb-pagination-button-group-base>\r\n            <div class=\"btn_group\">\r\n              <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n                <p>1</p>\r\n              </gb-pagination-button-group-base>\r\n            </div>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>2</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>...</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>9</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"false\">\r\n              <p>10</p>\r\n            </gb-pagination-button-group-base>\r\n            <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/{p-eaf2d0b0.js → p-fa71c1b6.js}

@@ -41,23 +41,23 @@ const GbInputDropdown = /*@__PURE__*/ proxyCustomElement(class GbInputDropdown e
         this.leadingIcon = '';
         this.icon = undefined;
         this.items = [
-            { name: 'Mock Item A', username: 'A', selected: false },
-            { name: 'Mock Item B', username: 'B', selected: false },
-            { name: 'Mock Item C', username: 'C', selected: false },
-            { name: 'Mock Item D', username: 'D', selected: false },
-            { name: 'Mock Item E', username: 'E', selected: false },
-            45,
-            50,
-            20,
-            25,
-            90,
-            92,
-            53,
-            'Activated',
-            'Deactivated',
-            'John Doe',
-            'John smith',
-            'Jane leo'
+        // { name: 'Mock Item A', username: 'A', selected: false },
+        // { name: 'Mock Item B', username: 'B', selected: false },
+        // { name: 'Mock Item C', username: 'C', selected: false },
+        // { name: 'Mock Item D', username: 'D', selected: false },
+        // { name: 'Mock Item E', username: 'E', selected: false },
+        // 45,
+        // 50,
+        // 20,
+        // 25,
+        // 90,
+        // 92,
+        // 53,
+        // 'Activated',
+        // 'Deactivated',
+        // 'John Doe',
+        // 'John smith',
+        // 'Jane leo'
         ];
         this.value = [
         // { name: 'Mock Item A', username: 'A', selected: false },
@@ -323,16 +323,16 @@ const GbInputDropdown = /*@__PURE__*/ proxyCustomElement(class GbInputDropdown e
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: '8bba31604f78abe8083c1a485f5dcd05685d4ef8', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'd7711015e4b1704478a8e6936ffd6207ed1dde95', class: `input_with_label` }, this.showLabel && (h("p", { key: 'b3356aeaf8143bf3b6609c2a8bfa5cb04cc0f7d6', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), h("div", { key: '08593fc424f7993ad0b3fbe23fe1d586b1925338', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (h("svg", { key: '2355873daf1dafa3030e4ab4d6ab84eba54f53c4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1ced4a9df0aa691f12424a7ebe266699fdab9c8b', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'bc4ba822c6f33ca50d62e212d2e82bf1f03ffd13', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '4e9d8fbbd72de656bdce993239c1cfb8fffa7bca', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e229330d3395a279899c876df898d49d79803dfb', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'c44320f552030300a5a81aa44fce611b10449fcf', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: 'da16884d5853e4d2f5f03b92cae03be55f014ded', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: 'bdd88845f96d519f2ff275d85268eeeb5714a639', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '8f898267195a0bd8fd932f70f5b166eee5e2a54e', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("div", { key: '9d625035e3b858c11f48f3a3fa3eadb12ccba440', class: "placeholder" }, h("p", { key: '1e3a34fb6c8a2f1482f872b2efc328879ae0fe10', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '2b9c5f4cf8bbb6aff395687a8265667396e16ab2', class: `content` }, h("div", { key: 'fdb8bded15e1f3f458671f0333879427802ae3d5', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            h("div", { key: 'e80303fd6294e905eacb28f131b8ce8e72e35899', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '9e30b0b51b41728dfbe48c4ce457b518b13c7a89', class: `input_with_label` }, this.showLabel && (h("p", { key: '7316cf6ca11d65c38eceb8d0bfa4721b1f7713d0', class: "text-sm-regular", style: { color: '#4B5565' } }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())), h("div", { key: 'b3e76bacc303dd6ed9dc4742b8b4e4e1a9a04df8', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (h("svg", { key: '9600ee66f307ac3ed96eb452cc40882d73466662', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9ec16e94a304b2623c0acd34ac16764b3cacc75b', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#697586", "stroke-width": "1.66667" }), h("path", { key: '0f290308c6e52026c61e9a24d8048aeb91c35b65', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '826cc1aeb1f38582567c953e9e52d6d23fe1ca88', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'cf8ac0840c45a83c77c9739aed89b50f007e05bb', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: '6b7bbf84be8eaa2231e9ffd201b381650d381c25', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '0b1488f4d7fdc5f62d94702195a7a63a67d926f1', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && h(Fragment, null, this.type === 'search' || this.type === 'tags' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '4769f0107fc23adeeba6bd6861a7237aadfdf212', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: 'c47871d75c8151317e69b702a49e79cf81d8fae7', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && (h(Fragment, null, this.placeholder && (h("div", { key: 'd2ed5d8c644bc391ada6d08ff05a193a4e8ec7da', class: "placeholder" }, h("p", { key: '99e4596fb19cd3823d044b54c7c1ee23eb0c1ba7', class: "text-md-regular", style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'filled' && (h(Fragment, null, h("div", { key: 'bc8044f180b45fc03fe14440191517fa9954bcf9', class: `content` }, h("div", { key: 'f1133f2df2643e236558af35f0ee2d0772fb3190', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'f328897f1b16f364342195852a96493c0ec60940', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '4718c8801222d8dcdb807ad62e0c3ce3d4809a75', class: `content` }, h("div", { key: '395bee6aedb53ec3e2287131e1f2079469e99eb9', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: "selected_text" }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'd0810cde3bd6d1ba00592dcfc83dde2648791871', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'c71323a6e3549e4fe446117c9175e4e1c7d0e381', class: `content` }, h("div", { key: '3348c00aead8540274c96b6c0cf20a0245fe29c5', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'ddf9402dbed1ba253e7b204c3bbcc7ef2313ece8', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '3520bc538796daca92ec542831d7f774a74e06e4', class: `help_icon` }, h("gb-help-tooltip", { key: '02f2ea24c45bd55bc958371ec551dbe04e891af9', "show-supporting-text": true }, h("slot", { key: 'f5115bdd0593979a79822c0e4c5b60b8eea34da2', name: "tooltip_label", slot: "label" }), h("slot", { key: 'f21ec338cf0f2eeb8e3eba830ee0f7764a47f27d', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '9738997cd0a18a288afe5364df95636c87deaf36', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '068d35036c6731963a7151c0bc132ac4602053ea', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '635c9dc2e08bee2b9cf88f806bc81afa9154f196', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: '91e4a7c251b7763e30784ff378071686313bff1b', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '7f1aede1689128326bb055f02c1a519891b86677', class: "dropdown_search_field" }, h("gb-input-field", { key: '0babb21d68fe3583ab7794fc86cb4e2213f0f10f', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '1543d5556ff29598ff76c99e388dd934113c51cb', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '060632dc5a47cfd45a4a844262d03a775c7c235e', class: `help_icon` }, h("gb-help-tooltip", { key: '3fc4444b3760a52df121b128d1ec00fdf6ae7b84', "show-supporting-text": true }, h("slot", { key: 'cade88a040bc3e2cdafe4cf29685c40870fd1472', name: "tooltip_label", slot: "label" }), h("slot", { key: 'bc34a808259defb67d94139d696c8a325ad16917', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '12ea7bf0586209e374fcf136d62d045f18785225', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '0a3ed0616892edea09978503316045fc3b4fdbec', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '407aa32c25c742d83f0e36879197073253d2bb94', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("div", { key: '51e6e73fd5bb921b76aeebf18af407e8f8fb2f20', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'cc4ae180d1fc9d07467ded38bc71f3350aaf8934', class: "dropdown_search_field" }, h("gb-input-field", { key: '76032dc6e812ffcb364d28d6e0c3460d9c532e9d', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: "Search banks", type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItems.bind(this) }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : (h(Fragment, null, this.items.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", { slot: "supporting_text" }, item.username))) : (typeof item !== 'object' && (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item)))))))))))))))), this.showHintText && h(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))),
         ];
@@ -469,4 +469,4 @@ defineCustomElement();
 
 export { GbInputDropdown as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-eaf2d0b0.js.map
+//# sourceMappingURL=p-fa71c1b6.js.map