globuswebcomponents 1.1.1 → 1.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["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: false,\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() pageSizeSelected: EventEmitter<number | string | object>;\r\n\r\n  onPreviousButtonClicked() {\r\n    if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n      this.currentPage = this.currentPage - 1;\r\n      // console.log(this.currentPage)\r\n    }\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  }\r\n\r\n  componentWillLoad() {\r\n    // console.log(this.selectedPageSize)\r\n    this.defaultSelected = [this.selectedPageSize]\r\n    this.pageSizeSelected.emit(this.selectedPageSize);\r\n  }\r\n\r\n  handlePageSizeSelect(item) {\r\n    // console.log(this.entries);\r\n    this.selectedPageSize = item;\r\n    this.pageSizeSelected.emit(this.selectedPageSize)\r\n    // console.log('Selected page size:', this.selectedPageSize);\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'}>\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'}>\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'}>\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 shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\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'}>\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'}>\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'}>\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 shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\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.currentPage = 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.currentPage = 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.currentPage = 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.currentPage = 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.currentPage = 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.currentPage = 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                ></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                ></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                ></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                ></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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\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            {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 icon=\"false\" state={this.currentPage === this.totalPages - 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages - 1}>\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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\"\r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\"\r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-left-02.svg\" \r\n            onClick={() => this.onPreviousButtonClicked()}\r\n            >\r\n            </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 \r\n            icon=\"only\" \r\n            icon-src=\"assets/arrow-right-02.svg\" \r\n            onClick={() => this.onNextButtonClicked()}\r\n            >\r\n            </gb-pagination-button-group-base>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["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: false,\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'}>\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'}>\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'}>\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 shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\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'}>\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'}>\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'}>\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 shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n                <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n              </gb-pagination-number-base>\r\n              <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\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                ></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                ></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                ></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                ></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}"]}

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

@@ -34,6 +34,7 @@ export class GbSlider {
             }
             // Update the track's appearance and emit the new values
             this.updateTrack();
+            console.log({ left: this.leftValue, right: this.rightValue });
             this.thumbValueChanged.emit({ left: this.leftValue, right: this.rightValue });
         };
         this.handleMouseUp = () => {
@@ -74,7 +75,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'd8010ec2090be4e24b73972f0b4de7bf39636960', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'e8f16f03ee2e7bc1df17cdd6c90cbc9982985f4f', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'df0189a47446e1eb42b7fe081618cec4578e3de1', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '226933471e683070db91e9d5889e089b010c8d76', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '5e06932776e12a133592f638b8f4d4e85c31173d', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'caeed9242e968b34199f8e66d1e7288a8565d49b', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '9e69ada4c3dd1cea5f5e9e9f97162a874d1bf6c9', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '98536b676d355af3f8f48255719cf799f48e2dab', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider/gb-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-slider.js","sourceRoot":"","sources":["../../../src/components/gb-slider/gb-slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-slider',\r\n  styleUrl: 'gb-slider.css',\r\n  shadow: true,\r\n})\r\nexport class GbSlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() thumbType: 'text' | 'tooltip';\r\n  @Prop() leftControl: number = 0; // Developer can set this\r\n  @Prop() rightControl: number = 100; // Developer can set this\r\n  @Prop() label: 'false' | 'bottom' | 'top_floating';\r\n  @Prop() unit: string = '';\r\n  @Prop() unitPosition: 'left' | 'right' = 'left';\r\n  @State() leftValue: number;\r\n  @State() rightValue: number; \r\n  @Event() thumbValueChanged: EventEmitter<{ left: number; right: number }>;\r\n\r\n  private trackEl: HTMLDivElement;\r\n  private containerEl: HTMLDivElement;\r\n  private isDragging: boolean = false;\r\n  private activeThumb: 'left' | 'right' | null = null;\r\n\r\n  componentWillLoad() {\r\n    // Set the initial values for the slider\r\n    this.leftValue = Math.max(this.min, Math.min(this.leftControl, this.max));\r\n    this.rightValue = Math.max(this.min, Math.min(this.rightControl, this.max));\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.trackEl = this.el.shadowRoot.querySelector('.track');\r\n    this.containerEl = this.el.shadowRoot.querySelector('.slider-container');\r\n    this.updateTrack();\r\n  }\r\n\r\n  handleMouseDown = (_e: MouseEvent, thumb: 'left' | 'right') => {\r\n    this.isDragging = true;\r\n    this.activeThumb = thumb;\r\n\r\n    // Clamp the initial value of the thumb within bounds\r\n    if (thumb === 'left') {\r\n      this.leftValue = Math.min(this.leftValue, this.rightValue - 1);\r\n    } else {\r\n      this.rightValue = Math.max(this.rightValue, this.leftValue + 1);\r\n    }\r\n\r\n    document.addEventListener('mousemove', this.handleMouseMove);\r\n    document.addEventListener('mouseup', this.handleMouseUp);\r\n  };\r\n\r\n  handleMouseMove = (e: MouseEvent) => {\r\n    if (!this.isDragging) return;\r\n\r\n    // Get the bounding box of the slider container\r\n    const boundingBox = this.containerEl.getBoundingClientRect();\r\n\r\n    // Calculate the mouse position relative to the slider container\r\n    const position = ((e.clientX - boundingBox.left) / boundingBox.width) * (this.max - this.min) + this.min;\r\n\r\n    // Snap the position to the nearest integer increment of 1\r\n    const value = Math.round(position);\r\n\r\n    // Update the appropriate thumb's value, clamping it within bounds\r\n    if (this.activeThumb === 'left') {\r\n      this.leftValue = Math.max(this.min, Math.min(value, this.rightValue - 1)); // Ensure it doesn't exceed right thumb\r\n    } else {\r\n      this.rightValue = Math.min(this.max, Math.max(value, this.leftValue + 1)); // Ensure it doesn't go below left thumb\r\n    }\r\n\r\n    // Update the track's appearance and emit the new values\r\n    this.updateTrack();\r\n    this.thumbValueChanged.emit({ left: this.leftValue, right: this.rightValue });\r\n  };\r\n\r\n  handleMouseUp = () => {\r\n    this.isDragging = false;\r\n    this.activeThumb = null;\r\n    document.removeEventListener('mousemove', this.handleMouseMove);\r\n    document.removeEventListener('mouseup', this.handleMouseUp);\r\n  };\r\n\r\n  updateTrack() {\r\n    const leftPos = ((this.leftValue - this.min) / (this.max - this.min)) * 100;\r\n    const rightPos = ((this.rightValue - this.min) / (this.max - this.min)) * 100;\r\n\r\n    // Update the track's left position and width to match the thumb positions.\r\n    this.trackEl.style.left = `${leftPos}%`;\r\n    this.trackEl.style.width = `${rightPos - leftPos}%`;\r\n  }\r\n\r\n  formatValue(value: number): string {\r\n    return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"slider-container\" ref={el => (this.containerEl = el as HTMLDivElement)}>\r\n        <div class=\"track\" ref={el => (this.trackEl = el as HTMLDivElement)}></div>\r\n\r\n        <gb-slider-control-handle\r\n          class=\"left\"\r\n          value={this.formatValue(this.leftValue)}\r\n          type={this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null}\r\n          style={{ left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }}\r\n          onMouseDown={e => this.handleMouseDown(e, 'left')}\r\n        ></gb-slider-control-handle>\r\n        <gb-slider-control-handle\r\n          class=\"right\"\r\n          value={this.formatValue(this.rightValue)}\r\n          type={this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null}\r\n          style={{ left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }}\r\n          onMouseDown={e => this.handleMouseDown(e, 'right')}\r\n        ></gb-slider-control-handle>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-slider.js","sourceRoot":"","sources":["../../../src/components/gb-slider/gb-slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-slider',\r\n  styleUrl: 'gb-slider.css',\r\n  shadow: true,\r\n})\r\nexport class GbSlider {\r\n  @Element() el: HTMLElement;\r\n  @Prop() min: number = 0;\r\n  @Prop() max: number = 100;\r\n  @Prop() thumbType: 'text' | 'tooltip';\r\n  @Prop() leftControl: number = 0; // Developer can set this\r\n  @Prop() rightControl: number = 100; // Developer can set this\r\n  @Prop() label: 'false' | 'bottom' | 'top_floating';\r\n  @Prop() unit: string = '';\r\n  @Prop() unitPosition: 'left' | 'right' = 'left';\r\n  @State() leftValue: number;\r\n  @State() rightValue: number; \r\n  @Event() thumbValueChanged: EventEmitter<{ left: number; right: number }>;\r\n\r\n  private trackEl: HTMLDivElement;\r\n  private containerEl: HTMLDivElement;\r\n  private isDragging: boolean = false;\r\n  private activeThumb: 'left' | 'right' | null = null;\r\n\r\n  componentWillLoad() {\r\n    // Set the initial values for the slider\r\n    this.leftValue = Math.max(this.min, Math.min(this.leftControl, this.max));\r\n    this.rightValue = Math.max(this.min, Math.min(this.rightControl, this.max));\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.trackEl = this.el.shadowRoot.querySelector('.track');\r\n    this.containerEl = this.el.shadowRoot.querySelector('.slider-container');\r\n    this.updateTrack();\r\n  }\r\n\r\n  handleMouseDown = (_e: MouseEvent, thumb: 'left' | 'right') => {\r\n    this.isDragging = true;\r\n    this.activeThumb = thumb;\r\n\r\n    // Clamp the initial value of the thumb within bounds\r\n    if (thumb === 'left') {\r\n      this.leftValue = Math.min(this.leftValue, this.rightValue - 1);\r\n    } else {\r\n      this.rightValue = Math.max(this.rightValue, this.leftValue + 1);\r\n    }\r\n\r\n    document.addEventListener('mousemove', this.handleMouseMove);\r\n    document.addEventListener('mouseup', this.handleMouseUp);\r\n  };\r\n\r\n  handleMouseMove = (e: MouseEvent) => {\r\n    if (!this.isDragging) return;\r\n\r\n    // Get the bounding box of the slider container\r\n    const boundingBox = this.containerEl.getBoundingClientRect();\r\n\r\n    // Calculate the mouse position relative to the slider container\r\n    const position = ((e.clientX - boundingBox.left) / boundingBox.width) * (this.max - this.min) + this.min;\r\n\r\n    // Snap the position to the nearest integer increment of 1\r\n    const value = Math.round(position);\r\n\r\n    // Update the appropriate thumb's value, clamping it within bounds\r\n    if (this.activeThumb === 'left') {\r\n      this.leftValue = Math.max(this.min, Math.min(value, this.rightValue - 1)); // Ensure it doesn't exceed right thumb\r\n    } else {\r\n      this.rightValue = Math.min(this.max, Math.max(value, this.leftValue + 1)); // Ensure it doesn't go below left thumb\r\n    }\r\n\r\n    // Update the track's appearance and emit the new values\r\n    this.updateTrack();\r\n    console.log({ left: this.leftValue, right: this.rightValue });\r\n    this.thumbValueChanged.emit({ left: this.leftValue, right: this.rightValue });\r\n  };\r\n\r\n  handleMouseUp = () => {\r\n    this.isDragging = false;\r\n    this.activeThumb = null;\r\n    document.removeEventListener('mousemove', this.handleMouseMove);\r\n    document.removeEventListener('mouseup', this.handleMouseUp);\r\n  };\r\n\r\n  updateTrack() {\r\n    const leftPos = ((this.leftValue - this.min) / (this.max - this.min)) * 100;\r\n    const rightPos = ((this.rightValue - this.min) / (this.max - this.min)) * 100;\r\n\r\n    // Update the track's left position and width to match the thumb positions.\r\n    this.trackEl.style.left = `${leftPos}%`;\r\n    this.trackEl.style.width = `${rightPos - leftPos}%`;\r\n  }\r\n\r\n  formatValue(value: number): string {\r\n    return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"slider-container\" ref={el => (this.containerEl = el as HTMLDivElement)}>\r\n        <div class=\"track\" ref={el => (this.trackEl = el as HTMLDivElement)}></div>\r\n\r\n        <gb-slider-control-handle\r\n          class=\"left\"\r\n          value={this.formatValue(this.leftValue)}\r\n          type={this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null}\r\n          style={{ left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }}\r\n          onMouseDown={e => this.handleMouseDown(e, 'left')}\r\n        ></gb-slider-control-handle>\r\n        <gb-slider-control-handle\r\n          class=\"right\"\r\n          value={this.formatValue(this.rightValue)}\r\n          type={this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null}\r\n          style={{ left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }}\r\n          onMouseDown={e => this.handleMouseDown(e, 'right')}\r\n        ></gb-slider-control-handle>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/{gb-token-field/gb-token-field.js → gb-token-field-compact/gb-token-field-compact.js}

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-export class GbTokenField {
+export class GbTokenFieldCompact {
     constructor() {
         this.size = undefined;
         this.digits = undefined;
@@ -9,18 +9,18 @@ export class GbTokenField {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '288a0f8b6adb82b50a19648bf635e745e7043014', class: this.size }, h("div", { key: '4dd4ee43120f38f0e0363ab92ae5bd1e3bb44619', class: "input-with-label" }, this.showLabel && (h("label", { key: '94ad95cca9bc6894dd426d584150b5fd5f336e2f' }, this.label)), this.digits === 4 && (h("div", { key: '21d4416472de13599f3509e9662bde0391a5cb38', class: "input-wrapper" }, h("gb-megainput-field", { key: 'f0f62e1265454bd22b950448732b7d91f75639eb', size: this.size }), h("gb-megainput-field", { key: 'c6a73eed158e3f13f4bb4313590723d41a396ed9', size: this.size }), h("gb-megainput-field", { key: '5447aaa9a9e65c82c50743aa9e6b7d8d3443a928', size: this.size }), h("gb-megainput-field", { key: 'd4e7462b563be319a6add7059ab5330f4820f8f8', size: this.size }))), this.digits === 6 && (h("div", { key: '25c01ef62f15e2dc1d0917a0a090c73f46ea3f51', class: "input-wrapper" }, h("div", { key: 'c01180e5b7534571b48e75664e55b9be575f1f23', class: "first=section" }, h("gb-megainput-field", { key: '238522472cd2a496d27a3848949bb3bb98eb567e', size: this.size }), h("gb-megainput-field", { key: '320431e5c1ef029e5e7ff8ac1e523026b9335d94', size: this.size }), h("gb-megainput-field", { key: '4f1b79cdf2f04317ff0d82396162d760dc1d0fbe', size: this.size })), h("div", { key: 'e71b09b4ddbeba7c0b5493dec07293c634290342', class: "second=section" }, h("gb-megainput-field", { key: '94a042154b9e9aaf74f1961c41f840e0926d1931', size: this.size }), h("gb-megainput-field", { key: '5ff0ca7509cf60d9b66c546cc9dbe150d069d248', size: this.size }), h("gb-megainput-field", { key: '9ef074a3f87cde0ec6e9442cdd732b5c1d52b420', size: this.size })))), this.digits === 8 && (h("div", { key: '882303abc103ac96011837047d4a17f9cd4b3018', class: "input-wrapper" }, h("div", { key: '711f7c4e8b873714c212db8603b39048495cf48d', class: "first=section" }, h("gb-megainput-field", { key: '0b9de92143d3de81f7504ed5174c44f46fb44024', size: this.size }), h("gb-megainput-field", { key: '94ddb16d135beb46e6c8f7994f3875d83a5a3341', size: this.size }), h("gb-megainput-field", { key: '4df5175d02b2a172b1e2e165cb546c41af4a5ce1', size: this.size }), h("gb-megainput-field", { key: '4ce3134acd1074d4bb54d22175acd4c5f8435f5e', size: this.size })), h("div", { key: '74a45d3964030a9cc2b427983fe5b2e3c13544ff', class: "second=section" }, h("gb-megainput-field", { key: 'abb71cc04b44a2d804d77c640ea8143a540d19bd', size: this.size }), h("gb-megainput-field", { key: '57350c9f77e342615d24c4f202d3d2cfb6de9b4f', size: this.size }), h("gb-megainput-field", { key: '21a57c054f44de2bfc8c3c7ae363b4897fec191a', size: this.size }), h("gb-megainput-field", { key: 'b5e5403c4a0f3e1155fb31f4f026b316f9f0168f', size: this.size }))))), h("p", { key: 'afa468c974d15c6460f540635853d41fdbe4e6b7' }, this.supportingText)));
+        return (h("div", { key: 'aa7ef7d0d489bc8638e7b6a8ce0ce9e748af7645', class: this.size }, h("div", { key: 'c1447926334c0fbd54ef96e51599391242d406d7', class: "input-with-label" }, this.showLabel && (h("label", { key: '18acbd11c18464a676e97eebbb23b92c55e802ba' }, this.label)), this.digits === 4 && (h("div", { key: 'c63d49f1791405afeb0bf67e2d5d8afa3f51312f', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '52231cb7be130c9f65fc23210ebf5bd0c839416e', size: this.size }), h("gb-mega-input-field-base", { key: 'aa5c10e67280a14b942b6780d6d026f6081d5312', size: this.size }), h("gb-mega-input-field-base", { key: 'ff613023049f76355c68785b8a648e014f1413a9', size: this.size }), h("gb-mega-input-field-base", { key: '33e661275acbde4ad353fbba643ac3eb9c67d696', size: this.size }))), this.digits === 6 && (h("div", { key: 'e91711ce0d64271612d6323afd33ceea83d2809b', class: "input-wrapper" }, h("div", { key: '73aa40233fb041082754d551b45b768123d0ac3a', class: "first=section" }, h("gb-mega-input-field-base", { key: '12b780b1bd6944101c26de654d8ad740827d6c29', size: this.size }), h("gb-mega-input-field-base", { key: 'cb462902ae51c86f608fe52dac66195e3a5540de', size: this.size }), h("gb-mega-input-field-base", { key: '2530b5aee228ac50d3af44f800b10a4096f591ff', size: this.size })), h("div", { key: 'd387e24779257658ec4c96d17067684d7981a3cf', class: "second=section" }, h("gb-mega-input-field-base", { key: '1be4b4246b9c19578f1428f92032d83bfb2c7d80', size: this.size }), h("gb-mega-input-field-base", { key: 'cbcef4a46d2cbbe36f11e1a62d3e376b7fc92183', size: this.size }), h("gb-mega-input-field-base", { key: '6f062d88d323864908aa49bdf1a5cae11ed98016', size: this.size })))), this.digits === 8 && (h("div", { key: 'ced031eaae33331fafa02403297b1c4b2f749925', class: "input-wrapper" }, h("div", { key: '6c46541312e713b766af0b359d6bb8a8d58e327d', class: "first=section" }, h("gb-mega-input-field-base", { key: 'cff644fbf07d3aff9c4e036ab9d95b7488e29620', size: this.size }), h("gb-mega-input-field-base", { key: '9e2161c038b9d88e4ea6643d8e8b46ba912dede2', size: this.size }), h("gb-mega-input-field-base", { key: '110b32be52fcc56393d81e18809f0d97c8b9c303', size: this.size }), h("gb-mega-input-field-base", { key: 'd33613808f6190d3cd9ed0b987402596a429fa2b', size: this.size })), h("div", { key: '6b168f48a16569d97337a55bae010af7764522b8', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd4d1f2a15909f36207b3595a221282a532acc837', size: this.size }), h("gb-mega-input-field-base", { key: '0582db30f6f2ec6ac4e33254c2033a02c5d6a682', size: this.size }), h("gb-mega-input-field-base", { key: '463692b97f27d33b3d6adcab4757efd847143e24', size: this.size }), h("gb-mega-input-field-base", { key: 'caaf46b2a88e62749f3f612beabead250465b4de', size: this.size }))))), h("p", { key: 'e25ea15ed904e88a32b2bc1812d79c7a4bc74e30' }, this.supportingText)));
     }
-    static get is() { return "gb-token-field"; }
+    static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["gb-token-field.css"]
+            "$": ["gb-token-field-compact.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["gb-token-field.css"]
+            "$": ["gb-token-field-compact.css"]
         };
     }
     static get properties() {
@@ -138,4 +138,4 @@ export class GbTokenField {
         };
     }
 }
-//# sourceMappingURL=gb-token-field.js.map
+//# sourceMappingURL=gb-token-field-compact.js.map

package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-token-field-compact.js","sourceRoot":"","sources":["../../../src/components/gb-token-field-compact/gb-token-field-compact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASlD,MAAM,OAAO,mBAAmB;;;;;qBAIJ,EAAE;;8BAEO,EAAE;;IAEnC,MAAM;QAEF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,IAAI;YACjB,4DAAK,KAAK,EAAC,kBAAkB;gBACxB,IAAI,CAAC,SAAS,IAAI,CACf,gEAAQ,IAAI,CAAC,KAAK,CAAS,CAC9B;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAClB,4DAAK,KAAK,EAAC,eAAe;oBACtB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CACpE,CACT;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAClB,4DAAK,KAAK,EAAC,eAAe;oBACtB,4DAAK,KAAK,EAAC,eAAe;wBACtB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CACpE;oBACN,4DAAK,KAAK,EAAC,gBAAgB;wBACvB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CACpE,CACJ,CACT;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAClB,4DAAK,KAAK,EAAC,eAAe;oBACtB,4DAAK,KAAK,EAAC,eAAe;wBACtB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CACpE;oBACN,4DAAK,KAAK,EAAC,gBAAgB;wBACvB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;wBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CACpE,CACJ,CACT,CACC;YACN,4DAAI,IAAI,CAAC,cAAc,CAAK,CAC1B,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-token-field-compact',\r\n    styleUrl: 'gb-token-field-compact.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbTokenFieldCompact {\r\n    @Prop() size: GeneralSizes\r\n    @Prop() digits: 4 | 6 | 8;\r\n    @Prop() showLabel: boolean;\r\n    @Prop() label: string = '';\r\n    @Prop() showSupportingText: boolean;\r\n    @Prop() supportingText: string = '';\r\n\r\n    render() {\r\n\r\n        return (\r\n            <div class={this.size}>\r\n                <div class=\"input-with-label\">\r\n                    {this.showLabel && (\r\n                        <label>{this.label}</label>\r\n                    )}\r\n                    {this.digits === 4 && (\r\n                        <div class=\"input-wrapper\">\r\n                            <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                        </div>\r\n                    )} \r\n                    {this.digits === 6 && (\r\n                        <div class=\"input-wrapper\">\r\n                            <div class=\"first=section\">\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            </div>\r\n                            <div class=\"second=section\">\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                    {this.digits === 8 && (\r\n                        <div class=\"input-wrapper\">\r\n                            <div class=\"first=section\">\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            </div>\r\n                            <div class=\"second=section\">\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                                <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n                </div>  \r\n                <p>{this.supportingText}</p>            \r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/dist/collection/components/{gb-verification-code-field/gb-verification-code-field.js → gb-token-field-compressed/gb-token-field-compressed.js}

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-export class GbVerificationCodeField {
+export class GbTokenFieldCompressed {
     constructor() {
         this.size = undefined;
         this.digits = undefined;
@@ -9,22 +9,22 @@ export class GbVerificationCodeField {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '6b3c8707b2f47e4a04525f295747f18a2979b307', class: {
+        return (h("div", { key: 'eac2066d61a51f5f3b1d9bdaef88cbda258f8274', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '431611cc9c501a459f488852decc799f2bec0ea0', class: "input-with-label" }, this.showLabel && (h("label", { key: 'e97a0f35a52aa3b1748de08f722691a62e595a8d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '05c6e2b1fc378636c55d5779076fdfa9646df35d', class: "input-wrapper" }, h("gb-megainput-field", { key: '71777863e87fe3a190f5f67c1d8e421df5eb6403', size: this.size }), h("gb-megainput-field", { key: 'b457d945247f30295fdf8406e955cfd425666e86', size: this.size }), h("gb-megainput-field", { key: 'f9bf70bb0a88d897e71b87786f8417958c981314', size: this.size }), h("gb-megainput-field", { key: '160b4c706c7caa6edcaa74b8293a2316bdb2c5f2', size: this.size }))), this.digits === 6 && (h("div", { key: 'b2d072e58b8940aaf52d43a64805ce5836e74ea1', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e2bd2e4e52cb43250208292f45680306a0c3a9cf', size: this.size }), h("gb-megainput-field", { key: 'a45b4e968e86f965c5e9df9515a80afa4bc0f39f', size: this.size }), h("gb-megainput-field", { key: 'f6c724fe10bea1b8fc61a77aad749652ee85d881', size: this.size }), h("p", { key: 'a81c42ee344be08a0a31c6e4dd1d685d66a09892', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '7ddf4ff8c0a8ee994230cd40a618ecdfd1058d12', size: this.size }), h("gb-megainput-field", { key: '52058da3c9798ae20cef0d54ef57245e82257ddb', size: this.size }), h("gb-megainput-field", { key: '836064d5147c1fa85f949c9c9056847a2754472f', size: this.size }))), this.digits === 8 && (h("div", { key: 'b13e27f72d0b272ab4065526ebba1d5b77216141', class: "input-wrapper" }, h("gb-megainput-field", { key: 'e9525fef23ed1e57860db28812fb4192c42b5f95', size: this.size }), h("gb-megainput-field", { key: '4752a066faef146a0c1688d5f8d34575a63b7a5d', size: this.size }), h("gb-megainput-field", { key: '74432bc979d6ef1b0babb599c2802c690ac97488', size: this.size }), h("gb-megainput-field", { key: 'fb560de711e631c975090b89d78b4407bf800208', size: this.size }), h("p", { key: '7e41eab2d17ec13cae05618cd3af5338bbe2d2f7', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '26d805d1a7594aecbd9c5ec5ddf1cc455e514a4d', size: this.size }), h("gb-megainput-field", { key: 'ba9d004b90926679b5d72651616df6d12e528996', size: this.size }), h("gb-megainput-field", { key: '82a16b8d50c27e49f0d0637350eb51afb2adf6cb', size: this.size }), h("gb-megainput-field", { key: '3ef26e8407d6a5cd26b1a1e17e6ef33ad4ab73b3', size: this.size })))), this.showHintText && (h("div", { key: 'd8883760edd5bb4c3b79421d2cb87c37f96ef803', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '31d155a70b92ac42f8d3ff3209eeb6a69f675dbe', class: "input-with-label" }, this.showLabel && (h("label", { key: '80ae4ed55b29b94d6fb3188388b4fbf16ecfff5d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '8a25eb9f31ea1eb92ba7e1e76872a9c51763e9df', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2188c26a1cae4271ba8504492f43ae6fb7c514b9', size: this.size }), h("gb-mega-input-field-base", { key: 'ac94add0ac6c5a66a30c1e71a7b84d0ba2fe6c1b', size: this.size }), h("gb-mega-input-field-base", { key: 'c15696e7c239748d879217a72c23761b63343b7c', size: this.size }), h("gb-mega-input-field-base", { key: 'ef2933249310139a9551c5f8212b092efea61d53', size: this.size }))), this.digits === 6 && (h("div", { key: '725757265ad7d756799c218ee22f29c646e41b62', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '640f14864e47d77bf22c106b51c0cf955888f96b', size: this.size }), h("gb-mega-input-field-base", { key: '66610eb08bb946b9768f0bdda4393ff4405fcd59', size: this.size }), h("gb-mega-input-field-base", { key: '2f44584a20586a68cda66d82fb4d57e79bd1f97f', size: this.size }), h("p", { key: '0026b82cc75cac68f2d1322b3583b0b5ef755ee6', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'edce62d994412a10f5a0982fe060cb4dda6669f3', size: this.size }), h("gb-mega-input-field-base", { key: '9ec781b153e77b46f1161fbbdd849bea0cfce32b', size: this.size }), h("gb-mega-input-field-base", { key: '2ff39552bd740de36763888b5f70813fd88da2e7', size: this.size }))), this.digits === 8 && (h("div", { key: '577f5c84f5e58a6ec0e7b7b8a8953d095e08af65', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd1c7bf440288b67154d92dffe5b2d607208db7d5', size: this.size }), h("gb-mega-input-field-base", { key: '27be16d256f96e9764b5aadf48e73ab4d352b73c', size: this.size }), h("gb-mega-input-field-base", { key: 'bbb29ecd5c3254f49f930ff86dc514550c539275', size: this.size }), h("gb-mega-input-field-base", { key: '096fe2bcb8a4c93f9a766bf5893cfc9e3e7b07a1', size: this.size }), h("p", { key: '8fa658058968a7cdffa92cfebeabfc1da6c1b4b9', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'c3d4b5883a1283cc70b34bb3cc70eb2c2aa0214e', size: this.size }), h("gb-mega-input-field-base", { key: '17f4e0ba2f5844ad012bff293e4d589affa24001', size: this.size }), h("gb-mega-input-field-base", { key: '6906021576f9f1ac70709240adeeff99ab65e6bc', size: this.size }), h("gb-mega-input-field-base", { key: '5aa3d4733058a58eac2c8bd49c1fdd96936ea2e0', size: this.size })))), this.showHintText && (h("div", { key: 'df7d42a2a835f2ad563fc6beee98a5d9259589a9', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
-    static get is() { return "gb-verification-code-field"; }
+    static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["gb-verification-code-field.css"]
+            "$": ["gb-token-field-compressed.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["gb-verification-code-field.css"]
+            "$": ["gb-token-field-compressed.css"]
         };
     }
     static get properties() {
@@ -142,4 +142,4 @@ export class GbVerificationCodeField {
         };
     }
 }
-//# sourceMappingURL=gb-verification-code-field.js.map
+//# sourceMappingURL=gb-token-field-compressed.js.map

package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-token-field-compressed.js","sourceRoot":"","sources":["../../../src/components/gb-token-field-compressed/gb-token-field-compressed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQlD,MAAM,OAAO,sBAAsB;;;;;qBAIT,EAAE;;wBAEC,EAAE;;IAE7B,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;gBACjB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI;aACpB;YAED,4DAAK,KAAK,EAAC,kBAAkB;gBAC1B,IAAI,CAAC,SAAS,IAAI,CACjB,8DAAO,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,IACzE,IAAI,CAAC,KAAK,CACL,CACT;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CAClE,CACP;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,0DAAG,KAAK,EAAC,sBAAsB,QAAM;oBACrC,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CAClE,CACP;gBACA,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,eAAe;oBACxB,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,0DAAG,KAAK,EAAC,sBAAsB,QAAM;oBACrC,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B;oBACtE,iFAA0B,IAAI,EAAE,IAAI,CAAC,IAAI,GAA6B,CAClE,CACP,CACG;YACL,IAAI,CAAC,YAAY,IAAI,CACpB,4DAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mCAAmC,EAAE,IAC/E,IAAI,CAAC,QAAQ,CACV,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-token-field-compressed',\r\n  styleUrl: 'gb-token-field-compressed.css',\r\n  shadow: true,\r\n})\r\nexport class GbTokenFieldCompressed {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() digits: 4 | 6 | 8;\r\n  @Prop() showLabel: boolean;\r\n  @Prop() label: string = '';\r\n  @Prop() showHintText: boolean;\r\n  @Prop() hintText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        class={{\r\n          container: true,\r\n          [this.size]: true,\r\n          [this.digits]: true,\r\n        }}\r\n      >\r\n        <div class=\"input-with-label\">\r\n          {this.showLabel && (\r\n            <label class=\"text-sm-medium\" style={{ color: 'var(--color-text, #4B5565)' }}>\r\n              {this.label}\r\n            </label>\r\n          )}\r\n          {this.digits === 4 && (\r\n            <div class=\"input-wrapper\">\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n            </div>\r\n          )}\r\n          {this.digits === 6 && (\r\n            <div class=\"input-wrapper\">\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <p class=\"line display-sm-bold\">-</p>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n            </div>\r\n          )}\r\n          {this.digits === 8 && (\r\n            <div class=\"input-wrapper\">\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <p class=\"line display-sm-bold\">-</p>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n              <gb-mega-input-field-base size={this.size}></gb-mega-input-field-base>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.showHintText && (\r\n          <div class=\"text-sm-regular\" style={{ color: 'var(--color-text-subtle, #697586)' }}>\r\n            {this.hintText}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'f735a0532754540f6f8d2b789193904f580ba981', class: "tooltip_container" }, h("div", { key: '9a3dfbc6ea55498d40a67b65f7ad089856a8c1f2', class: "tooltip" }, this.showArrow && h("div", { key: '8a77a1c974125043c109609ccbe4d1ef07c2cd6e', class: this.getArrowClass() }), h("div", { key: 'adfa37dbaa751414e8194c3961b93c09fdf94272', class: "tooltip_content" }, h("slot", { key: '217a7346e0dcd130f0cef57787148c9ef8be774e', name: "label" }), this.showSupportingText && h("slot", { key: '128f4f8d47b5328ed270d794f65f3042bc8ec433', name: "supporting_text" })))));
+        return (h("div", { key: 'e321cfd1b212f983d7c8fd6c5da0bcd9ebba0ebe', class: "tooltip_container" }, h("div", { key: 'b152ae8571b09cd833645353d87e390f599d8c5b', class: "tooltip" }, this.showArrow && h("div", { key: 'ab8cccbe238f203b28626631a55df329569b71c5', class: this.getArrowClass() }), h("div", { key: '99e682bf810175301f6294169f47e829671000da', class: "tooltip_content" }, h("slot", { key: 'c31793c7a3dee76222f7ceb9d9f3f16b0d22e4a3', name: "label" }), this.showSupportingText && h("slot", { key: 'f16d607193e2d7e9c12a0439e56066d45d4f697a', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/gb-avatar-add-button.js

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-f99a8c69.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-7f8b6821.js';
 
 const GbAvatarAddButton = GbAvatarAddButton$1;
 const defineCustomElement = defineCustomElement$1;