npm - globuswebcomponents - Versions diffs - 1.9.7 → 1.9.9 - Mend

globuswebcomponents 1.9.7 → 1.9.9

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 (463) hide show

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: 'cafcb9886a502e08d800e353217135dc5e1ec2d3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '94ffa5eeffe59b8762936e9f40fb17ad1562c953', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '72ac3fa76b643c323901482c0bc6ddf4f2cdc1d7' }, "Previous")), h("div", { key: '7ee4e696c08e3f060cf00bec084ef4aeb25d161f', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '23894fb3fef358cf887b338ac013ce310573af4b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '07ab4c10a8bf2bfda64455ea8bbce6d735c3812a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc15e198439588d9fc6347c36310455b70498752', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '83f44800bb12404f07ef8426611420a3b9b8d986', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cc6cf9c966d8a3a347e3d3a9b6fef90bc931047', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '85a1c0a9fc93d1af21ece6487fd6a242ea530c9e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8736949a43413f6a14ed7ccfa4d577f979fde0ee', shape: this.shape }, h("p", { key: '92b85ddb5341fce7229924ac2989c08ebc9e9d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3e95c0b7d7b2564dca20fce21bd1eb8db725a47', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '36a5ba20a8583fb44592195f3724dbff1f3a555b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'aa4deeb255250ddcdeb75d4b996f7c38defb70cc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '05bbae7848ed34c5f9d768bf13860e7b2a1253b2', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0650d90e0e345abc12da0e033332adba0e47c014', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'e994b3e8029a7a223da9fab391a84001b0bc5573', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f47e2ea69d7187b5716d5199cf039095a5f56368', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ea9b6cabde5fd88aba7f82f38c54042700076c07' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e0ab74c77510a7020f1cc1689558095b5ab0da5a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '60c74561788addd56f936ebcf8ba573000b60fd8' }, "Previous")), h("div", { key: '0af75b52b7b0fd17aed5b36d2d31be3544416c51', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '1d39474a92edaa98b1c5c26a3c97024147d1a89f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '444f8b4c77f0f9e9b0e68f51e48268cfe45a0d94', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e58890a2ba1ef6a0ef448d37172c5af4f36c02b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2bdbed9e01278aca7e4f66edaf47af0b0c5950a6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '55e7aa29762b6398d40768d575ba41c963cf6383', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fb2d8e48024ec04a09e757945dac29cb4d76fad2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3144d1bad4f8523634684a9f7b5de7709dd19ac', shape: this.shape }, h("p", { key: 'e46a8dda0e01a19ef7f422224530d2d90affb614', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8c9a51b1cc9e122c6c40502939a4a15fd23041d3', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9d78c7c19cd78113bbf0766b85fb0af011e26de2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'eacb191be8ba75194c74615cd42ecaead72fa72a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5929ddc72d02754bc306f221c8daa7183bb7be13', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '93068472426e37bcad31320cadc1635a94fdecd3', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd66e71d6e7d42e8590f8f7d8a660faf46f26e4e9', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f5319ad824c2c5442420b4f743eae80477ea522d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9332997903d41ecc5f6afc9acd605dd505ffe752' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '73ce7f35f87c0c9dd85f098eed9361d03c5cd301', class: "pagination_entries" }, h("div", { key: '2fd408eb99e96c4cc1d1bc4587441989f25a5069', class: "entries_text" }, h("p", { key: 'e9ee65bd9abef6094d032947f7865edf3d46dadd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8ed78b3a4f85982cbfa95d98f0ee1a0b009d6934', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a9e9562a24c1e4169192be01594f4cfecc8f79c6', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '358ce92dfaa364a45b5fa4b391d9ccc6aa735b0c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'dbcac3c3605a5985061731aa243d14b75431aac1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'eb6d0353921b8ac983a9b6cf9132d595193ad584', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1adad565d67fec6ef35b08f337c9d602dfc3c956', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '797a6f085abd2ed0f1e7357382ba4772879ee496', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bdeb4dd76982e6e1241b9a0321fb15df47afa807', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a3f6fee6bea39c9015de51fdedfe34180b7c25f7', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1bf9cdd716c63b81aeba37bc0b85e505bc5db2b8', shape: this.shape, state: "default" }, h("p", { key: '0a07d003b02ed76486a6664b9a7d328263a1b835', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c210e79d5ceec14ebc8af11cb15a175df5dfdb26', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '52b8dd6b641b9252e0f0511cadb688cd86936350', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'd475b82b461b5617620d36a358e4ba2dd3051fb8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '9ee3d9e8ec447b8a284f25acd2e14ac8b0f62a1c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a8541a40fd4866c1f66c34879813cb41fa297bca', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3044006b9e679ee1b04bed8724e709f107b585dd', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'd7a4d658f70a9ce9296e10e99309ffee450d4943', class: "pagination_btns" }, h("gb-button", { key: '87fe72470b382d8bad3ff62a6ac9a6d766a8a4cc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'c562b7cbbcb74d5c7d3495f58df074b17fffe343', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd6b8fb48d7fafcd331fb5e3be3e585128f45d4ed', class: "pagination_entries" }, h("div", { key: '23aa7645b63bcfe12b5ee8f4db11f925f81fc834', class: "entries_text" }, h("p", { key: '6bbc396ffc6d67017606f81a13387789db1ea369', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b994cc5b3dcc52b13d788ffc3f8eec17a02c69f1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2cb459946dc44db842d6fc0bdb0bbd1e52f736bb', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '56280d128ac6c43ec1c8f10850e71802a209c7c0', class: "page_number_text" }, h("p", { key: '8b84985d1074530cc424ca063842017a07b77c23', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'db7c3fc7adb929dff50e7d000c515ee00941659f', class: "pagination_btns" }, h("gb-button", { key: '19dd10a95d824f16cc921dfb8650790bc0d42639', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '88cda8d1c53f6dd11ac315dc7fcfca34a8cab63a' }, "Previous")), h("gb-button", { key: '3bd6be9cd345ffb6b4c0e5eb39b3bf5256302e0d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c6c79d90fd8c4b34796cccc19775e2e896a21993' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e1c254a0aef6dd0c215369b99133c560c5096e8', class: "pagination_btns" }, h("gb-button", { key: 'ee8f4eab0f36f8bdcea244dcb08e5d8132cae1a0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '822979d3289befcb0c5d708ab4e74cd3c2f471bb' }, "Previous")), h("gb-button", { key: '76e8efec7307661625712cb0296a4779ff1ae037', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd82c01ca8c395b00b095c5eaf7ba756e7a8fd98c' }, "Next"))), h("div", { key: '5aee833d96fafadf42f4578acf1510a0ae1c32a1', class: "page_number_text" }, h("p", { key: 'fbfc782aa08240994fa9949546ef481a7991c18e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '16ce01f830665daeab571eaa3b0304a0538d42cb', class: "pagination_entries" }, h("div", { key: 'fd535554a408cafc241d61b44cfc3e1c54e95adf', class: "entries_text" }, h("p", { key: 'f552ede023e0bd87293ee7d97aa95745e499aa90', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fae1f7b912785850bee522b2abb7576496e7ba19', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b0127ca58e0cff07ebbe9cefadfcb96871d69c54', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '524c551e1eb383ee103cd87cb9a42b95dd19aced', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '56edfe2f2410bce53c144cb7c92ef5fd97767054' }, "Previous")), h("div", { key: '533775bf39bd662e48cf4d2e0a80cff7363c0336', class: "page_number_text" }, h("p", { key: '83952d1c5651c17fbf6a13f8dbf90235b651cc1e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1f3ee09738b5f42f5afcb1320bdda4265b67dd8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bcca1fa6551314827f9f5c3007b0528fe237b469' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3268ef0675fa6b22917d58b4ab7041904cd997e1', class: "pagination_entries" }, h("div", { key: '225fc72d3809d1900d84543e1d19da3f0335df2e', class: "entries_text" }, h("p", { key: '7fde012afe87e9298c26cbe07646e0dbf277ff6f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5e571afb46b01d58a6f9c024f2a93db0709218be', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7fa23c7a03d488a1c3f715e83c4f69ef2f208956', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '12e76f6d102e278cf9e0751ef406caad40e24555', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc2ba4fe0465c40cfcc88dcd1fa6d382092b2c76', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '65d72bb939729bcb36f8af5472222136eeebdcbb' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3c38af31415ab4d8e2f4b3d3e1b451ddc4adec5a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '27303f2f68c80d09baed47e32b02124addd9d275' }, "1")), h("gb-pagination-button-group-base", { key: '12b6f5417e5b9cc14469a03e1609665604b8c4ed', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'be2d75962e7c17fcf57851f7d01e58663c1513a0' }, "2")), h("gb-pagination-button-group-base", { key: 'ded25b783586f657db8c9bb0eb11b385dcec6cc8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31d546e13805b6bf19b3e94be1c0402816826648' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd2d307d1d091b3361a0adfe2312b221169333a67', icon: "false" }, h("p", { key: 'ae510f9665d43811f89d27e514a60d903a5f1db9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'fc300d8d46620e20e1a34a79cddda2890f73d697', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0e0d2f097a7a5776753cfdd7c4dccd284a706489' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '876a2a1f5a32f04ff6019f3178c212ae5692e0ac', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7d6be3d3cccb9fa21105d9b25032c0a4050036f5' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f7e3d12c22606e667e49d4bf83d11a950abb9187', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a88327cf99f798fb2d3ba1da74a7f069cbbb48fc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '56ec6acae2bc8617e2cc43664e251d3cb36da15b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '42dcaa27c41e372d1f9ee084560f5f22423556bc' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '88cbbe40b4c0864b310a9c7cde7d76f08789c0dc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0b50aecb6d8db4879660b9a939e9f988ba20bcc2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '91346e148d1c16c3ae0ad8d0524027744b39a242' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '98ab6b5d6e8b8be2a28e7808393c041caebeb534', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '74260f116d85957200c04f7b95c79b28c1663071' }, "1")), h("gb-pagination-button-group-base", { key: 'ce55f05187e3a4167467983738f2f55519e7f99e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '80189884d93bef932e9b09b744ba8358a77a3f95' }, "2")), h("gb-pagination-button-group-base", { key: 'f70d1d83622cf11a228be7cac198aef6c527ba30', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152e3d64bd26f3a8693d5217b32d19a2d9d1e4ac' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '84df4b99fec4ec41df38272cc32cc7ab09b12411', icon: "false" }, h("p", { key: '4898d6e74d10b28deb435a1ade36726bc5e25814' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2c37ba35d331c5a0a6c8c5a3aab71c4fa24f86ae', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '93ad1000e02985d91f51ddc7603b42faff12b549' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8fb605f7ba6adec9f9f0dd17ba592eb6dfd64af7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b61491cd7e8cb33c61b50d86a27e01de381f03d6' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '954a27c63346085a23913a2d9a10d17c074f0837', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e940fdccd3bdf9a050110c53951fb28fc262d403' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '051daa9c6dd29b5334dce33d50d49ed4a4327df9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e694314fc66a85c0dff01d028abdde90e307cabf' }, "Next"))), h("div", { key: '9ec37d8265f0a17017d85c626e56de383b87f0b5', class: "pagination_entries" }, h("div", { key: 'c10c1728781967b0991ec40c5e39ecbde0eeed5a', class: "entries_text" }, h("p", { key: '834f410872c2f3d119d9e19764ada76773821b60', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '85100431a5efcc34cd7ec038c7bbb6a0e22cc4ef', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '03240f38e2ae4ddc0351074b427dd10d9ed8648d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3ef1f8c391336c08ed04da7d0af16c3d9656664c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3a86531dcea28ef2365a3602ed41d8ed85f5ebda', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8de2a10f3dede5b8d43aa7d49f48ccdb1c7dcaad' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e8a1140a17b584163cc26c18cab0b71b11a186db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2b0edadeef0fe98916d677c0d200cc726736594d' }, "1")), h("gb-pagination-button-group-base", { key: 'a8130c346fb8905debc4e51e6bec25385d83507c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3568a309d8a0f8e86a8e0d12a33f4d8cee5400d9' }, "2")), h("gb-pagination-button-group-base", { key: '55f2a1a3e899080f23a6e0c6ac60febf3d9b4090', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '96ee3bd1be310286a4351fe082ddec59f5120981' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '98f5b8f405a934be962225658c87576d1ee8133e', icon: "false" }, h("p", { key: 'e94d8d894296207aa706a8a1e04c7d3cefa322dd' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed4b919a81b55ca3a8120c712f6cc64ca03f5863', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b39cec04a9f155efc03a045c89c7feda4c26cb91' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0adeff081412c741ef116c3a294f957f489926cb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3da06fcf6b4751e9583527536c7c48f6858f0541' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0740d2e4e9beb06b8075efd36a329160380791a8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3889ee7db614413d8f2978d69b1583b47202d18f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3eace013e4ffeb6291bedd9a1ab72ba05f23240f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '567b58a1faa1610fd513df614838df0aa9aa14ee' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4a5c6b805519af24286e7ccc64dbae058bea7f0d', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '075da81995b9b14b01877308c94c15980a634a8d', class: "page_number_text" }, h("p", { key: 'f53914efc0286e25ca29f3da5b7fac4d79ad7059', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '673c75849bdbacb91a6b19caaacb830fce86eb9e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '50b9e2d8dfd19a47077cbd7ebf989c703c295083', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e1e6462ac7b0e3ba002bc03158e2e5cefa675464', class: "page_number_text" }, h("p", { key: '1f7ba2d37b72f5a85b0d7f4dc420a4bf9b2250a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '441043ccfcf9ca6acbeaeff3b610549ba7d01eea', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'a5c7e6b6fcaee9856d3d858eb02953243c7afc10', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '26f5d885290fa679dd6c6b0915cfe75aa8fc4284', class: "page_number_text" }, h("p", { key: '6e1ec65fdb9c513ba15a2b97dcfc60038aae7211', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f44f609c8c2190801e60ad7298d4ebf224b78a28', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '92a4490b0aa91f4005d763e2d689d32ff7ad2b5e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '10a04c1412b31f7f10757f7e6f3651a7d198bdbe', class: "page_number_text" }, h("p", { key: 'a6ab65fa0a2cccc85569de7b7e7f86e5af68c3f2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '41f230662520d1a9b7e911876b8d522feb8b7c87', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '88077dc297bc492cd7433aec5575fbdf703e34f8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'd32c007db2f110a5e547f42a7d9c9656e2cd6fcf', class: "page_number_text" }, h("p", { key: '202e3ebd4b76a0da39d505dc4753d872bd433dcf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '53290dc86bbb1055394bdf8aedab63fbd40583b3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2c7f28038b2ecfd56fc24f9576445885f5dcc755', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '54d4996419490a628424d500c1b893a23a7a5657', class: "page_number_text" }, h("p", { key: 'ee10bbbae9450826b6b3311018d2593eb941ea16', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'dae8b061a3277dc3bbc7141f29a6d697894c053c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'dc34e9df4a8c65781061648b6f0c4e61cb607b61', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ef4b70ae5d6544b37252c464e110e831679fe796', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0ff1d08a92b927f91b41dd9dbd005d3a11ac5e33', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7cdd0b1a6f61563e3780a5ff838df039e681211d' }, "1")), h("gb-pagination-button-group-base", { key: 'a1c485ec68a009b1a35b51089a1054b006f0ad1a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bcd8b6d19e52e5cbc4876eb20067a533c53deb2f' }, "2")), h("gb-pagination-button-group-base", { key: '306db2e69f5eec0562ded548aa9c70263772735b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1dbff2590d3e6037fb22f44d9469fdc344f3c6c7' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f83dbfeb1c8c55406c38f742b445c8bea21a72c5', icon: "false" }, h("p", { key: '40c49041ab94841780f1304db6452a17f742bdad' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '526037c304f21da5012d11592b148c6365586094', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2efc23eb805eae3622d7f720148430fff9f920b7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '323bc92a4d573e02f729f25807c6c9e941237ad9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a75f4b47e227872c9c6145cadd1665d80fac91b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '00446ab9af26593095d51ba87f81b5757a963b29', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '68178d891c63ec20be89e492cd36cb4e83d08043' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5e45cbaa8d4c3ae1b93172facadaf781c3e24c5d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9473312255d644195c44b4ccd8ba99f951de21ad', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '19dd7371a8c00a5692243016b25803a7068b0f5e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6be8aa8e92365abdde75eddc3d19b6bad866153e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9b96de3864b6c372c340b1eb922e22a896e5d2ea' }, "1")), h("gb-pagination-button-group-base", { key: 'a4b58a383d11d4cb87feb9a6d1c41ca03b3c3198', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c75a8804735fdfc266144162820ed06fdfafb7eb' }, "2")), h("gb-pagination-button-group-base", { key: 'fc9ccce9c1441f2065a89e321c79fb3bc734ad9d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a100139eaa6114e58b0f604b7da4390f7aa8d13a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'bdae4967d3e3221ad4ac4c070f2ea16fea642f87', icon: "false" }, h("p", { key: '19cf8d6c7cb9dc11293228d1252b277700c0d0a6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '73d31e25c5b22c23fcca7a4f0830664a81457c83', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a49c7bfbabcf4049a81250542fbb1a3d9fe56d62' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '012c6bc7ed224305bca11bd11f20e1708545baea', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a39402607eddb6639624ea8735e6cd01e5f197c3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c81065a0fe6e608bcb42bac7481fb2ccc144ccb4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '53ab64fe02a4506864bfbdefdb61ab765d8ef20e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4121d65b98dd4b3c04eb6357a693f1b6832aeeef', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '481e60dd216a94d3c162330f728b763576d014d9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '423f0eac5bc52d3f6c6bc36bad3f4e2779aa2ac6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '522ae1486660f4de7a7619010a8dc22b4b61eded', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3d5658d0d2f38e8595d6ff9ae82f638add8f7b2a' }, "1")), h("gb-pagination-button-group-base", { key: 'f5573651fbf02d0f8526b075fd629e9897eeeb67', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '376237d1837bc83673cfcdbdfc049eade5468998' }, "2")), h("gb-pagination-button-group-base", { key: 'b5f6e897a7979b6a165eac96a263f78ea29f2720', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31f5886d68c868f01a645461ab089cc5840eaf32' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '57e57bddb9822001de3090e6cc2705eaaa3874f6', icon: "false" }, h("p", { key: '53284853ed7ca46e27c8d31ccecd5f38e6324908' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e9ff5170e5ff8825ab92685f5e8a322fac0758a4', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '98eed7b49dfa847485a2559bb37f6d892642c025' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fade7c1965c964904ad989e5a384bbe3a374b091', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ad3bbf6fe45efe011c42b7866b173e38c5c64631' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9163ba9185169164ac4e9bc946a10462677f634c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cd13542f66477f9f7e3b7718b2c9061697dc2c97' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6b14ef3d2d634d989dcf5cbc8d862f798184f6e4', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '9df2a9922834c5cf0d891ab9186b29668e70a109', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '05664355e9d8d18d377f2a7221b2521991e23214', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '943b6874f83a0ae9c6de51f307a1397991ffa3e4' }, "Previous")), h("div", { key: '4b10b1ff1c283d87a08b498977e962426191673c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '3224cd5a8d009719d042dd24c148fbf5f559e957', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'cc5c8a3882bd850810bcab7c3efb6e7790b63ddc', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '21b67df06d9b730fde54d68140cfcc7bfc9d861a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e08c77430b3071f86ccd4b1676394b49f673708a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '85194f3ffbfbdc370c2f6cca0c213f0165b68dd1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '064e38b012aa75a14e63fd37272ebc4e043f898d', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9c513c1b1c91d8e94a950f5621c6bb18ef5471ea', shape: this.shape }, h("p", { key: 'af998053c652d067cd443b373da875e82e193499', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '38552895149716c8949ca2e69a4ef3cb77a99b79', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '3be1784f54fbe0eed8c3521779d437b0d31e6ae3', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1d07bb865085f359b22b82d3e6632991c5071f1a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'fd679c97273eceb98aca5b220f25949785b37975', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '500b613f98e89f3d71d2f700cd9aa936b2fc9ca9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '9ccec84255f82025863db47bb60218f9d29cd5e8', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '797aa0170e9ac0239e49128c8bea88920b313385', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '648dc65a18c32121f17c9e4832875f78d724042f' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cc7835c97cf4fb145d41b9281ff1c6f050fee708', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '11e9f2b2b6687dfc174e6790a62d9175d1777843' }, "Previous")), h("div", { key: '66ad1a119f2fce58779c173d5a5a7f33ea36cabf', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '8c18c6be9c44c88441f6d781129dbdc8d911993c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'af2864e9250c6b9bcc3dc3c1d0b2341976a3509b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1987c583018b0aa6d1562e13ba9b86a6c44de3d5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3e3c23054a5b48d1975dc3e634cdfe648a00946f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '7ad5f443499e5664db7e67e1d015fe3a2de3cbdc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a7d8651c560cf7c07619dfa5aebaeefe9860668c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8296d6f33b753a05cf1afcc0778655633118f405', shape: this.shape }, h("p", { key: 'edd8cb438415a8cb2ebf8c184a7c835c4f0ef080', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '56dd83924dfd09e53eb08a5458eb5304532858f4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '7b17f33527119d8e403f4423a0f7c7174cc8b4fd', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'dbd2d3a5916b7f06a4e9e1fbc15b12b0954fb741', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'eb966e3c73c29082a964895f71b77d2882b5949a', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f96428327ae9868d6326779e9c4ee353b163ef30', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'f6a415b9f51493a811ba1fc11acc478f864cd222', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '374706e650da9bfd787607d1ebbcfa32e6862133', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '38dc270372eb1065915e0cc9369a26417fbcabf2' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '14affefdfc11123ffc7b5eac2aa36648df780108', class: "pagination_entries" }, h("div", { key: 'f594b81885a92cd6e1be134bf3faf2c82ae71d2a', class: "entries_text" }, h("p", { key: 'eeb065524671e3d39af599b5bac1169365176ff5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b2b3defaa7ebb7307a94b6ad9898083b9cce698f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '4ecd75ed39619b86729646ca1d70d5b5c69e8483', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '54c8b5536c1495729492423e65dc3f8dea2af3b5', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '92b6a09f0afa4be39d64e509d18f0613009e80d5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '32c13a386110a9dd6cb376274044c82bf2c708f6', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '22d190522933643b3c6d20353fd59ff6f066be93', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'c4a3fb1d410c81b95747e98a1afd5e65339c8433', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd43642a3dcd06f2c84ab777695d68d237b3b54b7', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f5a65e962606192a8f9115a5227292bbece76582', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'f627022c7372f645981289a547e4946121cf6279', shape: this.shape, state: "default" }, h("p", { key: '936b27a3c34562eee5a2ced0bdc53716dc3dd388', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '83861e8f75962b1d826580f59ab8cc57d1012ee6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '457ff765df6d45d44f780c48b29ce957682c83d3', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '1263ee7b69f4349367d42c9baaf67bea221f1dcb', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'c699c3f3a389214eb2a54d5a15b34ac93f983b04', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'bf64ea3f1590074b9a77c24df94b1b6c9f83f28b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b71428476c919d0f7bc4d9b58ed30db56acf7227', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'a11778740190de93ed9580b697bac99bf96d06fb', class: "pagination_btns" }, h("gb-button", { key: 'b80923254d4401cdea3f3da9349ae63f94d0c04e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '71ca253a2a06dd1c922652a55ca56c1348b87bfd', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f827962d0f0ee950cd9d3b26cb26031d8be2738f', class: "pagination_entries" }, h("div", { key: '12c6123ef88a9064dde1a3abe91d25a92196d537', class: "entries_text" }, h("p", { key: '8c3377bf570798e6a48dd06b063953fb561623d1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b34221b7b893f3a931a81b8fd748801b5cc55e2d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e4e0c018567d89291565cfa96f1b636b0dc1d43c', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '94f9a3dbc75c79d4e104a08c19a37eba023b24ad', class: "page_number_text" }, h("p", { key: 'e77b16981ab0f21d7c0ca0c2e2365ae7e53e6276', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '56be5ff0bec908313695dc475997fe21050984c4', class: "pagination_btns" }, h("gb-button", { key: 'f9f5e5f0f0855fd2a0236c004caea1579b117cb5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4c22b76a38a7d9c428d8bfa2d3cfcd4c9cceb1cb' }, "Previous")), h("gb-button", { key: 'a207979838d62f805db5ecc972e902bd5aa47d39', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '705ee97bd08a553f9b4e1343ee9c86f6248cb50d' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bf182a54392e9fda3178f5c763af96e12f157a12', class: "pagination_btns" }, h("gb-button", { key: 'd2b3e25dca93c36f37ccf44e8a7d70a641c7854b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e6e5cf79e98805e4160e23f35276da27ab60e3bd' }, "Previous")), h("gb-button", { key: '040bd429ab4b8c5bc680ed24993cff1c0fcd4f36', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '94f8ea52b1dec46fecc45c5c30360510232a6906' }, "Next"))), h("div", { key: '75f270661593df4e18e2df66c8667ce7c6ab1d15', class: "page_number_text" }, h("p", { key: 'ba5e67a7aa2b902e556d033fd5d802cd76cae865', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'e9dbbbf641f8987b3b119107f732122efcf30da3', class: "pagination_entries" }, h("div", { key: '129145f7fb4f0a826e6b6ad422ce092820dcb774', class: "entries_text" }, h("p", { key: 'c5c010e5dd8307dec1f61c0b778a40a3296f9297', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '32069695a3456064ba9792485afa4c12c35c7ce2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a4520567f83edc5534347be9159dcc26bcb04706', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2679fcc2dd0366b060af332fc0716c919cd045f7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'eebb478993ee76a75fcc72ede80a3fb5d2b11a2e' }, "Previous")), h("div", { key: '3807b9c7e7ee2bf1cf37bc8a4a3c66a2530f7af0', class: "page_number_text" }, h("p", { key: 'e051d55bcc00c3739d458c44066b2c04ed7701c2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8c4d1229caa8ac28a0c0aa148ccdbd43175e8ff3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '69802f1c9a387a4c0b5eb0a7157933e0a0b5f390' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b2d00ca3bbb06225f6e37c92ea181b09fdc83b94', class: "pagination_entries" }, h("div", { key: 'bad80b4a898c9f2579f547742a84c57af34b38eb', class: "entries_text" }, h("p", { key: '96419acfed1bc548bbd6f1a0819d797cfc17c92e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ae2b84e9f628f6aaf60ab3f2ab9d392d9dc17504', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '78162ae68f3924a390c915f085d5d64315870a3b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'be5d6f8e9c1d60667c781bc486f0451944663d17', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '293da16d4470c867bcd166ffb0fee1865d9bb440', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '9d947affd5abaac5071a86d00dccf549a798c749' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '5f311668ea0beb7c7c3583751ad0375393f03d15', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ed55f6556023ffb23ffecddac5831aa54399e17' }, "1")), h("gb-pagination-button-group-base", { key: '3a7db2555231328d3f80a8a5bb88b15e1c0f8498', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4b231b24be73ab06842f5c41a2be9436397c1ec8' }, "2")), h("gb-pagination-button-group-base", { key: '4a01bb900b9279b61c194db81e52aea3fbac9316', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '63c4b8148d158f3239b5da198e5bc0d36770cb26' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '69a902d26385d8b95b5a8ae838c3c8fa45a6fd29', icon: "false" }, h("p", { key: 'e6d2c0a12606014883ca894feebeb0f637d17599' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '30af8ea0c433eb6485dfbc4bdea9a14fb36e4887', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'f06813a458048ae543a9f56f24400c84f3e50df6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b3a15d964a1152cb16b59f22a99a68ed90af8ed6', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6727e6047769cc7093ab21e4e7f0ba4ee936a9e3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ae6cc9aeb5a8478ae80b937f3388ade75d8cf475', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e82b6703732ffd1f49df8652e24458bbc6607c0a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5f8409e1ae8a55757e6294ec6009de2c2dc0abfe', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0b43b582f5c3076215317474b44484695bd55160' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '451e628eca3630a91c98f9a7173d368fa094c56c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3f9f8a82281cdc961db988649b4522b2bd817a70', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a83741686e1081aa1eb3726582e1b83d977b5d1a' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '9cf02a21aa5f134304ef650037d3073012633222', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e15cb89eb1aed60fdd0d7f0262ceb140e4aacdb0' }, "1")), h("gb-pagination-button-group-base", { key: 'a7c7dac2ba4ccc73245aa5c7d8b5bc3cdd9da022', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8431532824778cbda98229866d9000b627086a9a' }, "2")), h("gb-pagination-button-group-base", { key: '2e024daf55833b96810ad4429ba2996fc80f0d37', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '12847d2fc5366eab0e0cd16e2a411b808194fa95' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '9d8c2ba8d9d64f60f1051861d09403de7f540945', icon: "false" }, h("p", { key: '4e9299627f9cc92867f1069e3777fd8b2ef3968d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '485811f185dc0fc88e1cf324d880eb61f9a40154', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0941ed9dddf1a797929355d264066bae6adfe88d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f15da39247ce0b4d997ab4e24f5ac89d6435f9a7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '4a97e23565d75125badd34b3004b228834dd9e2b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '6d78fbf768a9debfd5c452bdff0a947825bcc60e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e65ad93ab685848a0d6cab1d3a4ee4994314f904' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '24335d03aa08e2c454d620e307d9e4b0a80f2bce', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e09ecb34fbe6804e5c50f2dca292c3e9448a791b' }, "Next"))), h("div", { key: '3e4f9b37a7b1fbda7ee02d12f1b2e7d9b02271a7', class: "pagination_entries" }, h("div", { key: '951e9204f84dfc628076a059f457517882b0fb29', class: "entries_text" }, h("p", { key: 'c9269786da4ecb258c2ae0c17d5bba0265d58d4f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9a6440dc0958a33a070e395178a0d50a4528a41d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '025625192aad5b2ff27c28fe756117e3a204bc97', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bb80055317f3bc66e2638dc8fbcb077064883f89', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'fb5c3c687b8ee11dcd90fbe4d166223dbcd5e7fa', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '79ec35aeb9f49dc230c6c3cbbd901b5fc9be4336' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '251f491f4f47793ff09dccca85653db45def7cb6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a9ec308ef1a5de49b10f547c881790af320dd468' }, "1")), h("gb-pagination-button-group-base", { key: 'e261afc6d3595959f6ba632b2d2a42e6132426c6', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'd709eb08badd07c4f7183b6b6a933210c7d4a53a' }, "2")), h("gb-pagination-button-group-base", { key: 'a63f394b1d21341cdfef54afa74a9aef00ca666a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'ed6c5ef2e5d4755f971a80986baf8074bbc64cb5' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7897d15501ed4ed63d3adb21b92943511b34e910', icon: "false" }, h("p", { key: '3c89285b5829fe5d4ec8a426488951631ba521b9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'be3f4574c5f5f437e8d60f3703f77b748362db59', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9a7f72390c6c3e6651a0134ee858c09ef5ff8c3f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2593b249dc7a7f00249c83d0d794322de24d837e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2f8add2fe65843f98310369daeca5418c18cb90a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f12b049184c5c5a76ca5401533cc2382f94560cc', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'adba1378aa885bcde0637b3557bedfe2e2c97161' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5c66354e54c0c316df87fa9d83364d50b527f5e9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd3c13ba5c70911ebd7d9e73c9e5df7f0d6317cc5' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e1671a1883ce5c56aec1bacc734b0265095b0ea9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '9f723d59b724582a5afb8915b88afb5952d43e4b', class: "page_number_text" }, h("p", { key: '5468228dbbc3ff9dc26b2a804deed08eb0170946', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd9cc109304047a636a7eb3db6fa5787627c898cb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '212b5f80f8b305aad641e0003ccae60bb56e9b1a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '05007a56cea02f1e8e9dbaa1e9cafa5190c75084', class: "page_number_text" }, h("p", { key: '7dda3d0be778a22160c594d1c7260248338cea5a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '64ef08f3ee5d9ec6e210d748a7eb4f51acbc3b5f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '540cff5e7f62ae9477421c80a08c52042c2b5a16', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2f5c9d763f07456e7456a961e0348a990256d958', class: "page_number_text" }, h("p", { key: '3fc5e9a9671669f64a8b4c9aa3007bf90f2f1a5d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd68149997c8160a5653660bb6600f11bb123ea0b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'e86245f813c89506e8ddf9198ffcae3643292b00', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'a39baf780cddfb82836aed1675ab397dd721ea04', class: "page_number_text" }, h("p", { key: '953630b1a78f491cb0f2fa973690e67c2c267c9b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1945955c1d31f1d58fe4b2eee08af254b84aa8e0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7325330a9cff239c6855ba551a36edd84a736b56', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '636fa07752cd70581e26ed15df69d790f3b974b4', class: "page_number_text" }, h("p", { key: 'e42a44aaa2ce91fc4bb6a85ab831bdb1bb933cd6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fe95232473fcb38029b1019adfd4e7e31673e4b0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '468719ce59c6f8c578ba740e973066f1fffa9e5e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '68666bf42d5f72eb205d783c515c79ecfe6bf613', class: "page_number_text" }, h("p", { key: 'e452d8c560bf31604f7caa145ac9464e297ada6d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'c3b7fa6336cf6193808b0479ef02596315669c36', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '2759125be7a95e719b93045b055192863d90c5b0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c3bfa9d4b2805dacfc33693f74c8e8ce17c2c051', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '06d837abe925fe34d8f50d46bbf01204141c5a19', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '70fd8bdb599a0f640e2222043456cc0f41678b7e' }, "1")), h("gb-pagination-button-group-base", { key: '065265d151427c5a90be7fec5198793414989df2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de741def2540e9d78e6952facc65bba5cfee4605' }, "2")), h("gb-pagination-button-group-base", { key: '4b206016b9acaf6df8b9fa936f3081e3bf4757a2', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '3e5a445de6ac31df3ac678502567c54419d8f48a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '472fad6784b27f2f4763677fdd4b8601d75be9f8', icon: "false" }, h("p", { key: '86e75e262c357714c8ca305577ef01f3f6dee49a' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c15c0af3efb9dbec4f7a0774e74a3133667d5cfc', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'd6a01204316aaa980e2e4957b325373f5e38e700' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2485bdc9953e1ebbf223f7b2e5a469482556c7ee', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1eea82d1af9cf9a08f762e70ff590c1a0f512841' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ea7c114351d90aea5838cef94260dd981b26daa2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0d37d733fd5b712ca72c93887717277585941aa6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd1afcad9df4868264d0957c6e5e277c3425c30b6', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'e999a8092f49d65c7506bb9a41ca46713b148adf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '76f00f88b96cde76c8ccee0da9b75c24b0ce85dc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e9b530a8d3aa1f1cc936bb9c8443a7ac70f5e184', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c1223a8d5e8a4f4ca7102370dd3df54aac3dad9c' }, "1")), h("gb-pagination-button-group-base", { key: '2b63d19ff5dd4643b05881e99067b5ca8c8f69d2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bf0a977fbc900ce4d100690eba0f1e5d955398a2' }, "2")), h("gb-pagination-button-group-base", { key: '7670674cd21d22160410afe18954cd473c6f800d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '51b9250fe1dfae1609be9611f8746bdf0adba7a0' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '00f13bf9b171df5a0de6d525b35be34873e6ba67', icon: "false" }, h("p", { key: '8512fa92b17c387ce68f574b966224ef8880b58a' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '561750f482d11c284e1728d1a81a0b2c2c789254', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78b7fa22d08ad08ac02c53ec1f0c9293f016ff35' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2eddaddafff11d13bba84457a212daea2cc57314', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '549dda7cf7ce1d7cdebd09f8762347ee28855d9a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0227ad8aedcfaedcad60f6fa482a8ae24282d16e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0cd2ed1555e11ceec5b578b59eb044bb41140e1c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '21a10d84377db2ef1d90e754be28688fcb24c46f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'ccf99e059be6075f4e71372e65ea89f0f890a3ac', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd50d1ac77493f5bc11e6b04dd3bff2997c144420', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0ab3378b5e9ce14e0b7dfc9bd6752462353c1273', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6f86ef8b34e78393cd7a194c71122cb13aa40c49' }, "1")), h("gb-pagination-button-group-base", { key: '6fad93952be018f76b25666002aa9599f3a10f33', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9ac648b01e774ee0a16fff5cd119f8732b9820c0' }, "2")), h("gb-pagination-button-group-base", { key: '3c2c6c6649d1ae1b8e5861dabc692652906a47a9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bf735308b0d3384251cedf8df3e0926f81e18b2a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd2c6f31936b37ecb7ef00d88f1556411b208906a', icon: "false" }, h("p", { key: '2d3a3f54dc2ab7856413e45725e3590b16078236' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '1cee82bd80a63bea8cccb878f8e252df88a3ed23', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '474ef7986599f849e254eb0166cf8ee89e1c4002' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'aa9e52a9f0d6cc3ebc75a0fa6483e50cbd50caa5', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7925eb3064cfa6a2391e50eb5adf94ac2e0f09fb' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '70301715c4b89b1440db39c2a964571bf52f7b10', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '432c457701e964cf3cdf810a0d550495913186e9' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'a0f9d94d4f1815f1083ba5e437f1e158bd06c90a', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '388134a058c18b1b257e19c7f43efe14a460f9e7', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '2e7ff522ff9d8933eb99adc0ddd53d6a5f1ba7c3' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '2ae8ebce48d5d466113e07e48a0d36c4de955ee2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '71ffa73b9eac1b763627a9884883eccd6d08afca', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '50a86eeeb4d5d8e4d2ef179631076ec7bedf6485' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '26cb60e0f6eb97ba8b0a7100b4c3ce9882dd2460' }), h("svg", { key: '157495bc72357c3c21a77706d4f68dc2a5ec655e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6bad37140f8dd88f80f0336deac286e3c4189245', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '22eda5af29b247f3a291740f8710476a242b9cb5', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: '3e1b6504ed06208804676bfd42d64569cedd3259', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '452f7f7f37d9c874258bb58ae95f6af1ecc563c3' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'b025a6b24d3e6ead43096636a1d06958109d1fd5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '483b228c49ee69ca9348dbc5fa8226ebc5b4a173', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'c4c8010a8a27cd60139672fe69625a16309c834f' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '2ee2515e6ad10d4f79e1996a5ca40ab11da84a4e' }), h("svg", { key: 'faef74201c2f7835933a173b8e90ffe7dd6ecd92', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0cb46cd52fcdbf554cba23d9418732d00d3061b4', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: 'e39ce08abf24111d281a26470dd980c4771936c5', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '74cfe1cda5314115a85751580d200bc36cfbf536', class: "dot_group_div" }, h("div", { key: 'c8098bea083d93cd283efd556a00655ef681fcde' })));
+        return (h("div", { key: '9cf41d671f68906b4e512d585a3dd9d72d72b0d0', class: "dot_group_div" }, h("div", { key: '8feb4287f5e34de323d534172b1ca97e5c3ab16b' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class GbPaginationDotIndicator {
         this.current = false;
     }
     render() {
-        return (h("div", { key: 'e5452e0a57e64c4b98f5dccc689473dbfd7ed328', class: `dot_indicator_div
+        return (h("div", { key: '3a1628ae647a5063dc6b3056a16c7deae7fdeedb', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` }));
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '3c51905d546acfb322bf9bfdef1754cfdaff0c03', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '240102f9d4b9c8f6f9801793073873744b646866', name: "page_number" })));
+        return (h("div", { key: '9c828604635017719d092392c5b10b566f756423', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '1cab12e1cafc1cc93fd971d1464549adc38fb5bf', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '27bcae9228c5489049f37d32c730a77a21f1f4f2' }, h("gb-btn", { key: '58d97bc56a181252093519ea61efd749ef1fb7e8', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '739500478e345adfb656ca629c90b80875f28478' }, h("gb-btn", { key: '53987674cd3ba86947dba00478d8375177af022b', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '1213cd06af22579ec8b7cf541c121ae5e7414f34', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'f9c0b83d6e0a2ae2de5d822d7ef9bc396e09e853', class: "progress_bar" }, h("div", { key: 'a3579b9f656c29302086334a455165c839fa5975', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'effe0095717a6bb9ac1e5afeb9ced87ded898dc1', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '48388058595afcf5d1fa70136b0b996500d31783', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '0aee185742e20f7926772b7bc21f5354c4771ba0', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '6720f068b51222a110bca831909b99d48dfe5139', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '846613e7c713b466750a9a4f41db0a7b0267b027', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'd454d8cd05fb755a7a3ad3b29d6183d7ff14d378', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'ac97d6dc4785709f193c5a0e9c6cdbbc1314348f', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'a7d01713038261f4f7ed482b2efd7bdadf2d4831', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '8b380e3dee254e759a218847e6d58a261988e773', class: "progress_bar" }, h("div", { key: '5850a7cb6b84a3944ee1319d35a97e205bd26814', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '67007d784894b52c816ca98edf060fdd9de3c0f7', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2dca33795d7cb94d25c218637d0435e5771ef8cd', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '906fa828cca96bdc997700bc76d31b175356857e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '2ec3169b7533ed2f36be2e0f9f05d057de5793c1', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'a2bff6f5a41bffd7a30d82068ec0bbfba7b29332', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '5925138089a0a2365be0ff8c6a566b69682f2d54', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '304376437594bc0162ae212e7adc3ba5477394a4', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'c08516b3035aeb7b2817cb230d50f9ea4faf8100', class: "gauge" }, h("div", { key: '14a1545b900573c72b3a7825f62994a73cf65bfe', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'dd79b50077939b7808055cd5d7121c442e0feb8b', class: "mask" }), this.label && (h("div", { key: '6a2e840d743021e976601bc82c68320a76513db8', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '27dffb71dd5a7aea38351badc20f6a74066a872d', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'fdf65e7d5c25e397e43803fb73cf8677cd3b13c5', class: "gauge" }, h("div", { key: 'de51390b9d80e51ce7a344457442ae33d79cb01a', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '520ee14acf92d5c2bdb88e0e1c3ab55dd86d5c91', class: "mask" }), this.label && (h("div", { key: '203a7f770820b05a82d14127e25efce8d51ae877', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '20452c96ab3681b4c5c5781e51f0d6b3860cbce2', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'e0285d1b99d2aa7fe1fd1df9c7dcd23d1bd57326', class: "quick_action_div" }, h("gb-card-icon", { key: 'f682cd10e6697124e9cdc34cb3054fc299cac577', color: this.color, icon: this.icon }), h("p", { key: 'd6acbe2a540bd4f01250053355aef3bf3a80e674', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'a44ad368928b060963e41f175f65ebbe011aa006', class: "quick_action_div" }, h("gb-card-icon", { key: '8f7ce39ba8e2b1d170279590ee1c63c86eceeca7', color: this.color, icon: this.icon }), h("p", { key: '751c8154e5dc5a692bada30e17cc27d1b55e989e', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '1797c098fbb0477d674dcc691fbce9dee6d623b8', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '7e4b3dfceacfd70e1f1764e6e6628e3b8b789c6f', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '097b4f9211d65705b04c754e9fd94780d8f77aa1', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'd2596d8a943dd8ee06f52d959ebe82ae0b71cca6', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '85813b1834719d82fb6269c814c57c6aa0243ad2', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f52d1c8df2ba4093105fbf87f29bff0a457a13e6', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-scrollbar/gb-scrollbar.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'a466b0c100f97cada0f5cf9649b584e034fc1694', class: "scrollbar-container" }, h("div", { key: 'ee32fa5cefb6b419afb304c070434f873f9c033a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '93c4488fba3a8334db3ac21098410267b451ca60' }))));
+        return (h("div", { key: '3d4174669db671f2b39fc37b9806fa50041a7749', class: "scrollbar-container" }, h("div", { key: 'c0d794d1169bc9edbb3f498c1870dfd79c0ee4a0', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3afed8334ef3977c46af3b196acf75d3a00c40b2' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-sidebar/gb-sidebar.js CHANGED Viewed

@@ -98,7 +98,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'c0e0a0126cdd75ec519223e03a361703efdbe51f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'bbfd2b2fed83faa474a54dd83d2314ccf25015a5', class: "pattern" }, h("img", { key: '278f11d038a55c8c68c749d8cad8f149a94879f8', src: patternSrc, alt: "" }))), h("div", { key: '09655e5cbebc473485dc1fecda4ba6d39e1c1f0d', class: "nav" }, h("div", { key: 'c0db287c1c38df275a9854fa84f5992c61a528ec', class: `sidebar_header ${this.state}` }, h("div", { key: '47029d61c5e43e6d7e8bcaf9098aa63779171560', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'e730a4137cf1655f79d5d47a98099df75e46e8bc', src: logoSrc, alt: "" })), h("div", { key: 'fabda5f033a59e3562cb02a0b41fae868c946ac8', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8664a17c3f3ab0e57ebea4567ab17c4cd438c347', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '39c77001cac8d1f53666cbaaa34ec807bb509572', class: "navigation" }, h("div", { key: '51b642e0e0be07829c3800330bb26ebfe9d26a19', class: "item" }, h("gb-simple-side-bar-item", { key: 'f6925b628b95949200f3ec7ff10d777461bf53fe', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '38bca1fee87b184cbdfb16e5d055f07abbf3e3fb', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '1859074f504270d958d08b68801a9dad27f337f6', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'd525ee6e211b45c01c6eed389b68d24def045e10', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '268e43e5b4f36f281735411f6901c1d0fec9808f', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '74892d68c003b8ffb43cb1907a4817f7b24129f5', class: "navigation" }, h("div", { key: '908e273c5fa2efa7e6f13a6dac5425329a218feb', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'fc54dfd83996ef8e7b99402db5d7572ad604358c', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'e5d1ffe587eba07e90a0009d8af850519706d72e', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'c81f431317ecf484382943ee984c893b9be25c2d', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '1c12e7201265e9baf0c099448b9410f7532b885f', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '54ca4fb25a58fe2a47213c51edf711b5fe583732', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'c0fd6ace2508a5e593fd92a7ed70cac20b6e011f', class: "application_name" }, h("div", { key: '4b42448bfaf42ace2c7d204c08498310d4bfae52', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '408f083a0fe61a5b5ca3711b5293cafe442a672a', class: "application_name_pattern" }, h("img", { key: '627c0311d710d73eda04ba8f43cd0663a23f3ca2', src: patternSrc, alt: "" }))), h("div", { key: 'b1e3565a33c7265fe93cef405f04111baf36e9c1', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '9a00fdb36522027d24654f52e3897330ab88540b', class: textClass }, h("slot", { key: 'e584b51ad7c4f8f077ca1a9ac7f90294bb6d7d10', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'd1936c477be0c787d836923fee1a8362da81cc68', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '43283d6b68eaf1343ff1b72b87d2ab72fa349a5c', class: "nav_div" }, h("div", { key: '816d11573114aa8051db41cbde90b25fac0e2206', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '1e631b85830a421d7c78f738f330d2f9bb31193e', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '32bdf0bbd602c8025e1cac1b95d21c3f1d729c18', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7ed65c0b9260a5168e3da9339c5bb1bc2417cac8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '281fd869895abf78b9062340eaaae45848932d9f', class: "complex_sidebar_div" }, h("div", { key: '6f74a9841d355ed0ca54559b169515b11d9a8c89', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8c82f80729f9b95b71a09ba512385be0fe0177a7', class: "pattern" }, h("img", { key: '8d84704591f9bc4999e0b85e161dccbc833ea3ef', src: patternSrc, alt: "" }))), h("div", { key: '0b06c71b06b21826190e798a798214280be94257', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'dce68566eeebeef76cdbd13672105fccae479a3a', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '27a83495471c7a08a88193aba81e8ebd6e6401bd', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '51cc578e9a00c61215831c0cac3f99f2276fc580', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '31ed28a20189e87dd02c62c60dc3a568f8f86d15', class: "pattern" }, h("img", { key: 'ef64829a2bebe36a97917b640501619e04e9ca01', src: patternSrc, alt: "" }))), h("div", { key: 'afdf43fca4995e69c1db07d83129bee8dee0dd65', class: "nav" }, h("div", { key: '25c4aa6e5e34506555f2937a6398af2ee71b24d9', class: `sidebar_header ${this.state}` }, h("div", { key: '02099e504ad1ad3ebbd784fea122b24635651ea1', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '4f544faf46f7d6e6ef3a558f252ca8cfad320cd0', src: logoSrc, alt: "" })), h("div", { key: '8fc3f55c6338cd2a39d5b44a94e862cb6ce014e3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'd2ccb47e9862f7a131419d5a831d6eed5ebbc0a4', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '2d6305dd02af393fcfaf83b9e941be98cfe04f04', class: "navigation" }, h("div", { key: '057c045f78247555ead89569e72ffdc26e48d332', class: "item" }, h("gb-simple-side-bar-item", { key: '892497a7c9cdd28257387fd5fd2f11febc4f748f', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'e0cf746029db70b5c496138d9ecddfc066c7a115', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '05a2e5605cccff177c631180e36579f8f7c4b3c6', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'bad69c7dcdb453a39854d25224b5f26ba46a5d09', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '093a4e48d57ee7ab985ad864404b87b6588015fe', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '7c950205073f21481e848ed57d36e01d9c54a1b1', class: "navigation" }, h("div", { key: '67dd8023344f075626d59d4a61a04dc6b393c12c', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '2f32463567ccbe7c1447e865cd069e5def17f8fa', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '2817139ce35a9719c3810988856f7addeb4578f2', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'bd1a25f6a552ebb4d801cf089ffe3c2997c8203e', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '45fdd65e0e71607cd0089470a9c2b7e5bed0d312', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '33f2a4f5f1896055a0e5f373474ef6f4808f7877', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '144f5b5c1991c01f18baf3a266dfb86e598a8ca1', class: "application_name" }, h("div", { key: '065b3d90f40cdd1859b3347347457f9cc0d1be1a', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '2ed3d33a1947947e0c2543c6e79c3dd1f39d49b3', class: "application_name_pattern" }, h("img", { key: '6ba8bd94bf4afcee9346b878e2ccb8cae1a3215c', src: patternSrc, alt: "" }))), h("div", { key: '731eff2d6d7a59e5bf7d1f9d92df9a13290da03e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '5db0e098fd55fdd0c1dc4bd3d518cecd233fe9fe', class: textClass }, h("slot", { key: '5a19a636ccfc9a83d3ff55103c81300a88cbde80', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '85b3d4d7f01e6f70a8fe64626bea0472be7aa9b1', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'bfc68fe9c37fb82d6d7755eaa721990b1006de78', class: "nav_div" }, h("div", { key: 'ab53e1fa70b4ceda0544bd1ae8ce1f4cbf8fa70d', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '8c62128343cfbcc19d7ee3caa94b34b68a7fc9d3', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'f3c395e9a5709b741ce62a85ad3c2f45d72d9e20', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7e3b7f0acadfac679a30b540bcd5101fdf898d88', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '565d9d9f8ed19e0b5bb53c769ff94cf614361f55', class: "complex_sidebar_div" }, h("div", { key: '7321b6b3c7d4037f4118d06e8bde32d8a2c29e96', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a44b843f2aa81c7557b8df4136ed3943c7512d2f', class: "pattern" }, h("img", { key: 'a5b55e92973a287ecfc8ce8d19be852324b9e7d3', src: patternSrc, alt: "" }))), h("div", { key: '53957b7db4f5fd01c4e114fa89215b758f48cb52', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '866438f63117eeb0fd43fabe5afb384f23b81b5b', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '02646d6adf9da5bb083fcf019825ea77638110df', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '44ebc1da5ed754f6e8c5f97f40069be96469c37a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'b163776b266238ee79aafe301d065143260602bd', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'ee09ba573ff3b89fd295fb6387c1a8d7d85c2aaa', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '760a03665975b3a104a6ac7543c043b925827c11', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '500eb85fbd98837bd51dcfa12651bb8a1f934f4d', class: "content" }, h("div", { key: '265aa1f82b1445d11d9fc29304277de48c696276', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'f639424e9c1eed0d74fc50a2358b9137e3749529', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'bf9f9f6e732c1878131045bb5a01ae3a993a8b22', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'ece203f66b9cb018d1b34ac635ffc6f45d555da2' }, "10"))), this.showArrow && (h("svg", { key: '5e9b79328cc155a815fbfc303f2f7a64a52812dc', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '1a2cdbe7b74921fbbeab854ccc0a04158fb47f42', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '3d557f0e187a77b7233c749dabf7bdd65da3917e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c111ace8b557a6d359f6cfa09f95274f12e0859c', slot: "label" }, this.label)))));
+        return (h("div", { key: '3e2ea3dcb88e4bb6b4e09beb900174e308ce1b2a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '2519c717ab4a2135d0ced1855b502e0739ed12b7', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '05e2c67c7741123cbe010032d4c57f8cd5ab9647', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'a039976e25d0282cbe09f48c4d1b10314f56258e', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '741432db73af005fc4f5edda378abb069741efde', class: "content" }, h("div", { key: 'eeeb0e9ecb0a4f533f916b127e2ee5527864c722', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '22b27d1fced85440718a24a0d257306ee60aa64c', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'ff4dac22a51055e91690342c9c71340270927ee8', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '05c56e0cb6ebca5e1cf58ceddd5d74aaf61139f5' }, "10"))), this.showArrow && (h("svg", { key: 'cf7c7934c682efd6756066371ed69eec6649b412', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '0690183fb01f8104470c18e9f76290ceffee2dc4', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'd41f25dad2c67e51c1cc6f6da24372d4b430ee99', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c05422827b221a3ac626b153183726003da2799b', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '1be9846c13e3edf59925509edaac2dd6855069e8', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '82d18a15482e37cbcdd7977d8ed669a66d737207', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bd828583399b88ac953eadc211b9d95433d062bd', 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: '01a34056a0d47a466e2930d0abb1f361d44b177e', 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: '6bc9e0b969c3a684606aa5132109f2346edbdb80', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '7d29e3fff7cd497b28f9281224cdc991158bf69b', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eed00c25859984e4dca75e33f47333f6aa6fd813', 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: '0e263141ada51b43644c2cad92ef5b0f683ace91', 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-control-handle/gb-slider-control-handle.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'ea76e578a9b69e56d98d20126da78dece7a77c54', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '4b6f6761091fa86491d33f6374bb7d591c8d4a6c', class: "tooltip-container" }, h("gb-tooltip", { key: 'cac7a7ad1645fd6d76f07ece62d6a82770edec48', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '1adfc6dcdb1cfe821ef3cf24e4c717237ae33c73', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '43252473706c206a70d2a77c2ff2398d7b512321', class: "thumb-label" }, h("p", { key: '2e4b371ed06b9b0b3a67edd380d25eb9745eddba', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '1d0ba120d57900d71306cd322a4d07e1bfaee4d9', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'aa4b0bb3fee0593a8b571d9c279eba4e2534156a', class: "tooltip-container" }, h("gb-tooltip", { key: '31513ca7583a207db422c8d52b65514abb5338e4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '5f7596140d391654a69fe1c4673c38b2c9fa4e17', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'eb0174878d0ce42429fd5f167df29971af8f6e14', class: "thumb-label" }, h("p", { key: '31d3339020a834d0ddcb3f4bbb827a25f8ceba2d', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '5070366d78b6e26ea7da5658838e51799bf021d8' }, this.statusIcon === 'online_indicator' && h("div", { key: 'f1ebeb2053058c68a1704aa42a1fdf5e01636842', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cdcb43b5c81b9deb962e733834c22e1996e94e0c', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '3c4f867432cb8e3cddaf7d126db0ead4fa12c408', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '79d0b00305e44d0de7756ecbe32545bf24ed057e', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'aaab3153ce22153c304dfca1a8691721583e9c1a', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '018df06c87da3dafbe99e889b13e03b5afb0cbc3' }, h("clipPath", { key: 'd954c252ce311b014f674cd9c6c83990cfd0495f', id: "clip0_0_21453" }, h("rect", { key: 'a99cec461695edee93919f5e577942e952eba181', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'cf7297a9bc04f5afc4877e710a5167bdc47f7c06', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '96002083d494ff918afe7d951e045d123ab449d6', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: 'c7d9d847a62eb96d1d25c486b1c9956ea3043f0f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: 'a0a67d60af2ceebab78610f71ce3c30a5ed65c8a' }, this.statusIcon === 'online_indicator' && h("div", { key: 'baaaa7f994e4cb2769460ed2fcd3fd6fe168f9e7', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'ead0f73b933f97118200faf34498229244917143', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '0af583302a747af0350bd2af6e1d2b44e8eac31e', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'aec29db1acf0594d051ac2d10528e31e68c7ee41', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '32fde9834845091b5b314cc9d393d94063f99ee8', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'a103d64e1933912d88c2e30dadddd576fd14b2cb' }, h("clipPath", { key: '16b34afe278d55c7a899e7352f142e6741a526fd', id: "clip0_0_21453" }, h("rect", { key: '18a7d1fed5af16e706eb2e4be4456a103fe9345e', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '0be7a5c1fb359cf5486675eab1f778492047a10d', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '9c5b8a1f73460c66d2f2a0050a53b20e74519a7f', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '5380893ba27d6b6ec3700f001b4c5a96488d0986', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }