npm - globuswebcomponents - Versions diffs - 1.9.2 → 1.9.4 - Mend

globuswebcomponents 1.9.2 → 1.9.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (447) hide show

package/dist/globuscomponents/p-f0d731c5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["gbPaginationCss","GbPagination","constructor","hostRef","this","currentPage","entries","selectedPageSize","pages","width","window","innerWidth","internalTotalPages","handleResize","updatePaginationSize","breakpoint","onPreviousButtonClicked","console","log","pageItemSelected","emit","pageSize","pageNumber","onNextButtonClicked","componentWillLoad","i","push","addEventListener","defaultSelected","generatePages","tempPages","componentWillRender","totalPages","onTotalPagesChange","newValue","oldValue","handlePageSizeSelect","item","detail","setCurrentPage","number","render","h","key","class","type","Fragment","size","hierarchy","icon","state","onClick","map","page","shape","slot","style","color","items","onDropdownItemSelected","bind","value"],"sources":["src/components/gb-pagination/gb-pagination.css?tag=gb-pagination&encapsulation=shadow","src/components/gb-pagination/gb-pagination.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.pagination_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n box-shadow: var(--shadow-xs);\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: true,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop({ mutable: true }) breakpoint: BreakPoints;\r\n @Prop({ mutable: true }) currentPage: number = 1;\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 @State() pages = [];\r\n @State() width: number = window.innerWidth;\r\n @State() internalTotalPages: number = 1;\r\n @Event() pageItemSelected: EventEmitter<{ pageSize: any; pageNumber: number }>;\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n this.updatePaginationSize();\r\n };\r\n\r\n updatePaginationSize() {\r\n this.breakpoint = this.width < 730 ? 'mobile' : 'desktop';\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n if (this.internalTotalPages > 1) {\r\n if (this.currentPage === this.internalTotalPages || this.currentPage > 1) {\r\n this.currentPage = this.currentPage - 1;\r\n console.log(this.currentPage);\r\n }\r\n this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n }\r\n }\r\n\r\n onNextButtonClicked() {\r\n if (this.internalTotalPages > 1) {\r\n if (this.currentPage === 1 || this.currentPage <= this.internalTotalPages - 1) {\r\n this.currentPage = this.currentPage + 1;\r\n console.log(this.currentPage);\r\n }\r\n this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n if (this.internalTotalPages <= 5) {\r\n // Show all pages if internalTotalPages <= 5\r\n for (let i = 1; i <= this.internalTotalPages; i++) {\r\n this.pages.push(i);\r\n }\r\n }\r\n\r\n this.updatePaginationSize(); // Set initial variant\r\n window.addEventListener('resize', this.handleResize);\r\n\r\n this.defaultSelected = [this.selectedPageSize];\r\n // console.log(this.currentPage)\r\n this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n }\r\n\r\n generatePages() {\r\n const tempPages = [];\r\n if (this.internalTotalPages <= 5) {\r\n for (let i = 1; i <= this.internalTotalPages; i++) {\r\n tempPages.push(i);\r\n }\r\n } else {\r\n // Optional: logic for > 5 pages if needed\r\n }\r\n this.pages = tempPages;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalTotalPages = this.totalPages;\r\n // setTimeout(() => {this.totalPages = 5}, 2000)\r\n }\r\n\r\n @Watch('totalPages')\r\n onTotalPagesChange(newValue: number, oldValue: number) {\r\n console.log('totalPages changed from', oldValue, 'to', newValue);\r\n this.internalTotalPages = newValue;\r\n this.generatePages();\r\n }\r\n\r\n handlePageSizeSelect(item) {\r\n this.selectedPageSize = item.detail;\r\n this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });\r\n }\r\n\r\n setCurrentPage(number: number) {\r\n this.currentPage = number;\r\n 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\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"default\"\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 >\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n {this.internalTotalPages <= 5 &&\r\n this.pages.map(page => (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n <p slot=\"page_number\">{page}</p>\r\n </gb-pagination-number-base>\r\n ))}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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.internalTotalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n </gb-pagination-number-base>\r\n </>\r\n )}\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\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\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\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 >\r\n <p>Previous</p>\r\n </gb-button>\r\n <div class=\"pagination_numbers\">\r\n {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.internalTotalPages <= 5 &&\r\n this.pages.map(page => (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n <p slot=\"page_number\">{page}</p>\r\n </gb-pagination-number-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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.internalTotalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n </gb-pagination-number-base>\r\n </>\r\n )}\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\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 {this.internalTotalPages <= 5 &&\r\n this.pages.map(page => (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === page ? 'active' : 'default'} onClick={() => this.setCurrentPage(page)}>\r\n <p slot=\"page_number\">{page}</p>\r\n </gb-pagination-number-base>\r\n ))}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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.internalTotalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => this.setCurrentPage(this.internalTotalPages)}\r\n >\r\n <p slot=\"page_number\">{this.internalTotalPages}</p>\r\n </gb-pagination-number-base>\r\n </>\r\n )}\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n value={this.defaultSelected}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.internalTotalPages}\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.internalTotalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n value={this.defaultSelected}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.internalTotalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n value={this.defaultSelected}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\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 {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\r\n <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n value={this.defaultSelected}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\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.internalTotalPages}\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.internalTotalPages}\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.internalTotalPages}\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.internalTotalPages}\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.internalTotalPages}\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.internalTotalPages}\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 {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\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 {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\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 {this.internalTotalPages <= 5 && (\r\n <>\r\n {this.pages.map(page => (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === page ? 'active' : 'default'} onClick={() => (this.currentPage = page)}>\r\n <p>{page}</p>\r\n </gb-pagination-button-group-base>\r\n ))}\r\n </>\r\n )}\r\n {this.internalTotalPages >= 6 && (\r\n <>\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 <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.internalTotalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 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.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? '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.internalTotalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 2)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages - 1)}\r\n >\r\n <p>{this.internalTotalPages - 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.internalTotalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.internalTotalPages)}\r\n >\r\n <p>{this.internalTotalPages}</p>\r\n </gb-pagination-button-group-base>\r\n </>\r\n )}\r\n <gb-pagination-button-group-base icon=\"only\" icon-src=\"assets/arrow-right-02.svg\" onClick={() => this.onNextButtonClicked()}></gb-pagination-button-group-base>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/globuscomponents/p-f118ff55.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as a,a as s,h as i,F as t,g as c}from"./p-Dlqa7tPI.js";import{S as n}from"./p-cHn6O-Kf.js";const o=".header_div{display:flex;flex-direction:column;align-items:center;width:100%;border-bottom:0.7px solid var(--color-border-subtle, #CDD5DF);background:var(--color-surface, #FFFFFF)}.content{display:flex;height:4.5rem;padding:0rem 2rem;justify-content:space-between;align-items:center;align-self:stretch}.logo{display:block}.icon_logo{display:none}.inner_content{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4);flex:1 0 0}.action{display:flex;gap:var(--spacing-2)}@media (max-width: 440px){.content{padding:var(--spacing-none) var(--spacing-5)}}@media (max-width: 450px){.logo{display:none}.icon_logo{display:block}}";const l=class{constructor(s){e(this,s);this.navBarItemClicked=a(this,"navBarItemClicked");this.menuClicked=a(this,"menuClicked");this.showIndicator=false;this.text=false;this.placeholder=false;this.showBorder=false;this.showNotification=false;this.showHelp=false;this.showLogo=false}applyColorToInitials(){switch(this.color){case"gray":return"gray";case"blue":return"blue";case"cyan":return"cyan";case"pink":return"pink";case"purple":return"purple";case"green":return"green";case"yellow":return"yellow"}}componentDidLoad(){const e=this.el.querySelector("[slot='initials']");if(e){e.classList.add("text-md-semi-bold");e.classList.add(this.applyColorToInitials())}}async onNavBarItemClicked(e){this.navBarItemClicked.emit(e)}async onMenuClicked(){this.menuClicked.emit()}render(){const e=s(`assets/help-circle.svg`);const a=s(`assets/notification-03.svg`);const c=s(`assets/globus_bank_logo_blue.svg`);const o=s(`assets/globus_bank_logo_white.svg`);return i("div",{key:"a6857c591e0e27b733ea30b8895aba0ca08f3b99",class:`header_div`},i("div",{key:"ac7ee20a148d437f820d1587423a943e28e9f78b",class:"content"},this.showLogo&&i(t,null,i("div",{key:"b1792255a27df730398a5c9eeb2afffc2423d508",class:"logo",onClick:()=>this.onNavBarItemClicked("logo")},i("img",{key:"430601c5e9c29674eca7d6db2efc42a03aae3ba1",src:c,alt:""})),i("div",{key:"817af15270a52f20a8ac176513db0ca28a7b8c7c",class:"icon_logo",onClick:()=>this.onNavBarItemClicked("logo")},i("img",{key:"5567c7cf01d64c1b9f9b3d673af0e36d4155693b",src:o,alt:""}))),i("div",{key:"da8343435d5cedeb9a4962bc4f098853a7e3da3a",class:"inner_content"},i("div",{key:"071f16a7bea8c532d96a7ad7ac6303dd097176f8",class:`action`},this.showHelp&&i("gb-header-icon",{key:"572865a5e03f88bee5afb03133778494e2a97837",state:n.Default,icon:e,onClick:()=>this.onNavBarItemClicked("help")}),this.showNotification&&i("gb-header-icon",{key:"4205539fa2661cddae6953a3cf1b5b0f1296b25c",state:this.state,icon:a,"show-indicator":this.showIndicator,onClick:()=>this.onNavBarItemClicked("notification")})),i("gb-avatar",{key:"1a73c35d68e2fcb5d56731d97a4e17c1ff362fe3",size:"md",text:this.text,placeholder:this.placeholder,color:this.color,"show-border":this.showBorder,onClick:()=>this.onNavBarItemClicked("avatar")},this.text?i("slot",{slot:"initials",name:"initials"}):i("slot",{name:"image",slot:"image"})))))}get el(){return c(this)}};l.style=o;export{l as gb_header};
2	+ //# sourceMappingURL=p-f118ff55.entry.js.map

package/dist/globuscomponents/{p-a335c974.entry.js.map → p-f118ff55.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["gbHeaderCss","GbHeader","constructor","hostRef","this","showIndicator","text","placeholder","showBorder","showNotification","showHelp","showLogo","applyColorToInitials","color","componentDidLoad","initials","el","querySelector","classList","add","onNavBarItemClicked","item","navBarItemClicked","emit","onMenuClicked","menuClicked","render","helpIconSrc","getAssetPath","notificationIconSrc","logo","iconLogo","h","key","class","Fragment","onClick","src","alt","state","StateEnum","Default","icon","size","slot","name"],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \r\n width: 100%;\r\n border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n height: 4.5rem;\r\n padding: 0rem 2rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n align-self: stretch;\r\n}\r\n\r\n.logo{\r\n display: block;\r\n}\r\n\r\n.icon_logo{\r\n display: none;\r\n}\r\n\r\n.inner_content{\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex: 1 0 0;\r\n}\r\n\r\n.action{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n@media (max-width: 440px) {\r\n .content{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n }\r\n}\r\n\r\n@media (max-width: 450px) {\r\n .logo{\r\n display: none;\r\n }\r\n\r\n .icon_logo{\r\n display: block;\r\n }\r\n}","import { Component, Element, Event, EventEmitter, getAssetPath, h, Method, Prop, Fragment } from \"@stencil/core\";\r\nimport { ColorTypes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n initials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async onNavBarItemClicked(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\r\n }\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const iconLogo = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <>\r\n <div class=\"logo\" onClick={() => this.onNavBarItemClicked('logo')}>\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n <div class=\"icon_logo\" onClick={() => this.onNavBarItemClicked('logo')}>\r\n <img src={iconLogo} alt=\"\" />\r\n </div>\r\n </>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon\r\n state={this.state}\r\n icon={notificationIconSrc}\r\n show-indicator={this.showIndicator}\r\n onClick={() => this.onNavBarItemClicked('notification')}\r\n ></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar\r\n size=\"md\"\r\n text={this.text}\r\n placeholder={this.placeholder}\r\n color={this.color}\r\n show-border={this.showBorder}\r\n onClick={() => this.onNavBarItemClicked('avatar')}\r\n >\r\n {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"mappings":"~~sGAAA~~,MAAMA,EAAc,uoB,MCQPC,EAAQ,MALrB,WAAAC,CAAAC,G,oGAOUC,KAAaC,cAAY,MACzBD,KAAIE,KAAY,MAChBF,KAAWG,YAAY,MAEvBH,KAAUI,WAAY,MACtBJ,KAAgBK,iBAAY,MAC5BL,KAAQM,SAAY,MACpBN,KAAQO,SAAY,KA0F7B,CArFC,oBAAAC,GACE,OAAQR,KAAKS,OACX,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,SACH,MAAO,SACT,IAAK,QACH,MAAO,QACT,IAAK,SACH,MAAO,S,CAIb,gBAAAC,GACE,MAAMC,EAAWX,KAAKY,GAAGC,cAAc,qBAEvC,GAAIF,EAAU,CACZA,EAASG,UAAUC,IAAI,qBACvBJ,EAASG,UAAUC,IAAIf,KAAKQ,uB,EAKhC,yBAAMQ,CAAoBC,GAExBjB,KAAKkB,kBAAkBC,KAAKF,E,CAI9B,mBAAMG,GACJpB,KAAKqB,YAAYF,M,CAGnB,MAAAG,GACE,MAAMC,EAAcC,EAAa,0BACjC,MAAMC,EAAsBD,EAAa,8BACzC,MAAME,EAAOF,EAAa,oCAC1B,MAAMG,EAAWH,EAAa,qCAE9B,OACEI,EAAA,OAAAC,IAAA,2CAAKC,MAAO,cACVF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACR9B,KAAKO,UACJqB,EAAAG,EAAA,KACEH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OAAOE,QAAS,IAAMhC,KAAKgB,oBAAoB,SACxDY,EAAK,OAAAC,IAAA,2CAAAI,IAAKP,EAAMQ,IAAI,MAEtBN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYE,QAAS,IAAMhC,KAAKgB,oBAAoB,SAC7DY,EAAK,OAAAC,IAAA,2CAAAI,IAAKN,EAAUO,IAAI,OAI9BN,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAO,UACT9B,KAAKM,UAAYsB,EAAgB,kBAAAC,IAAA,2CAAAM,MAAOC,EAAUC,QAASC,KAAMf,EAAaS,QAAS,IAAMhC,KAAKgB,oBAAoB,UACtHhB,KAAKK,kBACJuB,EAAA,kBAAAC,IAAA,2CACEM,MAAOnC,KAAKmC,MACZG,KAAMb,EACU,iBAAAzB,KAAKC,cACrB+B,QAAS,IAAMhC,KAAKgB,oBAAoB,mBAI9CY,EAAA,aAAAC,IAAA,2CACEU,KAAK,KACLrC,KAAMF,KAAKE,KACXC,YAAaH,KAAKG,YAClBM,MAAOT,KAAKS,MAAK,cACJT,KAAKI,WAClB4B,QAAS,IAAMhC,KAAKgB,oBAAoB,WAEvChB,KAAKE,KAAO0B,EAAM,QAAAY,KAAK,WAAWC,KAAK,aAAqBb,EAAA,QAAMa,KAAK,QAAQD,KAAK,a","ignoreList":[]}
1	+ {"version":3,"names":["gbHeaderCss","GbHeader","constructor","hostRef","this","showIndicator","text","placeholder","showBorder","showNotification","showHelp","showLogo","applyColorToInitials","color","componentDidLoad","initials","el","querySelector","classList","add","onNavBarItemClicked","item","navBarItemClicked","emit","onMenuClicked","menuClicked","render","helpIconSrc","getAssetPath","notificationIconSrc","logo","iconLogo","h","key","class","Fragment","onClick","src","alt","state","StateEnum","Default","icon","size","slot","name"],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \r\n width: 100%;\r\n border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n height: 4.5rem;\r\n padding: 0rem 2rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n align-self: stretch;\r\n}\r\n\r\n.logo{\r\n display: block;\r\n}\r\n\r\n.icon_logo{\r\n display: none;\r\n}\r\n\r\n.inner_content{\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-4);\r\n flex: 1 0 0;\r\n}\r\n\r\n.action{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n@media (max-width: 440px) {\r\n .content{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n }\r\n}\r\n\r\n@media (max-width: 450px) {\r\n .logo{\r\n display: none;\r\n }\r\n\r\n .icon_logo{\r\n display: block;\r\n }\r\n}","import { Component, Element, Event, EventEmitter, getAssetPath, h, Method, Prop, Fragment } from \"@stencil/core\";\r\nimport { ColorTypes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n initials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async onNavBarItemClicked(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\r\n }\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n const iconLogo = getAssetPath(`assets/globus_bank_logo_white.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <>\r\n <div class=\"logo\" onClick={() => this.onNavBarItemClicked('logo')}>\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n <div class=\"icon_logo\" onClick={() => this.onNavBarItemClicked('logo')}>\r\n <img src={iconLogo} alt=\"\" />\r\n </div>\r\n </>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon\r\n state={this.state}\r\n icon={notificationIconSrc}\r\n show-indicator={this.showIndicator}\r\n onClick={() => this.onNavBarItemClicked('notification')}\r\n ></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar\r\n size=\"md\"\r\n text={this.text}\r\n placeholder={this.placeholder}\r\n color={this.color}\r\n show-border={this.showBorder}\r\n onClick={() => this.onNavBarItemClicked('avatar')}\r\n >\r\n {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"mappings":"2GAAA,MAAMA,EAAc,uoB,MCQPC,EAAQ,MALrB,WAAAC,CAAAC,G,oGAOUC,KAAaC,cAAY,MACzBD,KAAIE,KAAY,MAChBF,KAAWG,YAAY,MAEvBH,KAAUI,WAAY,MACtBJ,KAAgBK,iBAAY,MAC5BL,KAAQM,SAAY,MACpBN,KAAQO,SAAY,KA0F7B,CArFC,oBAAAC,GACE,OAAQR,KAAKS,OACX,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,SACH,MAAO,SACT,IAAK,QACH,MAAO,QACT,IAAK,SACH,MAAO,S,CAIb,gBAAAC,GACE,MAAMC,EAAWX,KAAKY,GAAGC,cAAc,qBAEvC,GAAIF,EAAU,CACZA,EAASG,UAAUC,IAAI,qBACvBJ,EAASG,UAAUC,IAAIf,KAAKQ,uB,EAKhC,yBAAMQ,CAAoBC,GAExBjB,KAAKkB,kBAAkBC,KAAKF,E,CAI9B,mBAAMG,GACJpB,KAAKqB,YAAYF,M,CAGnB,MAAAG,GACE,MAAMC,EAAcC,EAAa,0BACjC,MAAMC,EAAsBD,EAAa,8BACzC,MAAME,EAAOF,EAAa,oCAC1B,MAAMG,EAAWH,EAAa,qCAE9B,OACEI,EAAA,OAAAC,IAAA,2CAAKC,MAAO,cACVF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACR9B,KAAKO,UACJqB,EAAAG,EAAA,KACEH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OAAOE,QAAS,IAAMhC,KAAKgB,oBAAoB,SACxDY,EAAK,OAAAC,IAAA,2CAAAI,IAAKP,EAAMQ,IAAI,MAEtBN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYE,QAAS,IAAMhC,KAAKgB,oBAAoB,SAC7DY,EAAK,OAAAC,IAAA,2CAAAI,IAAKN,EAAUO,IAAI,OAI9BN,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAO,UACT9B,KAAKM,UAAYsB,EAAgB,kBAAAC,IAAA,2CAAAM,MAAOC,EAAUC,QAASC,KAAMf,EAAaS,QAAS,IAAMhC,KAAKgB,oBAAoB,UACtHhB,KAAKK,kBACJuB,EAAA,kBAAAC,IAAA,2CACEM,MAAOnC,KAAKmC,MACZG,KAAMb,EACU,iBAAAzB,KAAKC,cACrB+B,QAAS,IAAMhC,KAAKgB,oBAAoB,mBAI9CY,EAAA,aAAAC,IAAA,2CACEU,KAAK,KACLrC,KAAMF,KAAKE,KACXC,YAAaH,KAAKG,YAClBM,MAAOT,KAAKS,MAAK,cACJT,KAAKI,WAClB4B,QAAS,IAAMhC,KAAKgB,oBAAoB,WAEvChB,KAAKE,KAAO0B,EAAM,QAAAY,KAAK,WAAWC,KAAK,aAAqBb,EAAA,QAAMa,KAAK,QAAQD,KAAK,a","ignoreList":[]}