npm - globuswebcomponents - Versions diffs - 2.2.1 → 2.2.3 - Mend

globuswebcomponents 2.2.1 → 2.2.3

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 (530) 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: 'cebf69533b0053551c37cbbd8aa525a2399f8fbd', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '6a21af01d0b1457f6e96c8be600d7e0c4d5beb8a', 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: '5ea09d8faf0135428042521e8be2e60abb6d9068' }, "Previous")), h("div", { key: '40254790b4645ccfbd8964d5f1922da0a2394409', 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: '3d18f14c64a053c7992bcccbc773d81e6ef75453', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '2a1c979603486d8e5e8c14db4070e8d11285f420', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '92f53cff6270e6ffe63bedaa617299d82ccf5ec4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4b5f8efb498c19894d5b2ad4bbec9f2d46318ec7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '573aab819dc968f4f3883b9835751f94857b83d0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c4b46a9500350e96737e0b21f6a9473c7de28f05', 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: '7b94d8f1241047f4fbc8873e491b793c7ecc83c7', shape: this.shape }, h("p", { key: 'f1e5caa79335ece571a57dcd61f68a0e8e585eda', 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: 'd4f3665aca4b9e62f92cef2fcc9525be2d933469', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5f1b52e1a53b073653086890bb0fe279cc27e766', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '6fa78833f54950cbbef1142f621e9883d704d974', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '849c6ae1e1d12d6d3383a7e4cd159fdfeb4c41ee', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'dff4d6fc5354cb0956579304036bd25b9302199d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '708dbfd95280de91a0e5d340f5cab789f1ef8bc4', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'd6e020c1f708a75a8165ceec53beca965bb831aa', 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: '51ff365bb199c0e9cf8b5398673de382e4ae3f52' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '2ba32c7ce09d34ba711c7383bdb65ba4485a52a8', 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: '586f01381cf9ba42c1510a6015c55202b18dc082' }, "Previous")), h("div", { key: 'bd9cca5fe6d05214e727bcf119ada05e03c0e3b5', 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: 'bc0cc26f62be1d8186447eccf44aa6455447427f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '4f272f960716237e36d8452f69a4f00072e7a6ec', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c4998ab43f5806759766e54ebbd93ce10c59099f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3912b2b843a5ce839ffb22eed45d1efe85f4e128', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'b20101cf2afec938d8e8e1a2c615304fbcec89fc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'd718be7f7d5c4b0fe6331511b2f90659ae26bd76', 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: 'b253bb35030b82aee63297b498763a421b2a3553', shape: this.shape }, h("p", { key: '0783a9679b3cfaaeb4eeb860a399bc923febfdad', 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: 'db7d47dc897827dcebac733cef71a43fa4926adf', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '63e4be0e8dcf22d0135d1ff5843ab966b31cd722', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b82c42609355500e3124c32d65d3cf69a2434508', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '633b352780bd45664cf2393dc5d809c2f265db3f', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c62a3b6e7cc25d02d0a526fc1efb1da24f13f316', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '35f0464482cee10f9003b5becceeed5c62e54d61', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1cb12756a6685494146179875eb0b7e3dc7a99f3', 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: '2d96f4474f1289712006246566534cc5e7fcd624' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8e0d9862ab97ae9bea2919924eecb5ee070ab5e3', class: "pagination_entries" }, h("div", { key: '2098e652b17d4bef1b001abe29bbe9bb1d87ac5e', class: "entries_text" }, h("p", { key: 'dffb8d2f26e731407ec8e2c8a4111e872be1e8e7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ff72f7fb56513b26279ac6902dcbf284d602fda1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'd884e4be9a373e66d499b6545ae8e05bf9540772', 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: '94f858df61c92da2f56e3482c93075848ec50225', 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: 'de60b81c438959b3d94273109b71d22bd2769a9e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f1add35b246cd8b0b455cc5a9528009d80d76548', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '113c4c1f6efd099fc2233227c41f5ca3e52efa5a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '4d6c23f6a6e254dddca5a578febee708ec963d28', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6c6b2ded4826dc9ef59f0557769829a3e7db6b5d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'f4718e8e8f628ba9883cc7f6f56be1c7e70b2cd0', 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: 'b1f1c287dbb8bf969f1c377cf42b35ce042cfd15', shape: this.shape, state: "default" }, h("p", { key: '63dc762f75c712a030f2b7d3c167e4bf6b380b03', 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: 'd27f23651f2daa13b9118644f08da93725140d84', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bccda76a20d5f7d33764b2e11bb460389a0c273b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'c5f30a0443853df319930df7c3fecba1e804edfc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '6ce33760c8c8264d248201486fdd4527cff5be1e', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '6a50a627678757f29cc627589221521d4557e2e9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '94754215f17ee2a40867fae3219ebd02f3f53fb3', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'e971c78fc50c69d28a24aaf869a2c740d987a1e0', class: "pagination_btns" }, h("gb-button", { key: 'd4ceba44257053a60924bab680f4af3b8c0034d2', 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: '58a9eb1c32ee8b204a95f7430d02afca7e1f41ff', 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: '22e362875112d6fd75ac1f9b596607283b1a9d60', class: "pagination_entries" }, h("div", { key: '43580ab44d7af5995ea734e1b620d3b4860a0046', class: "entries_text" }, h("p", { key: '8edf95abe31f4bf6f950b87f232226530458b64d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '59f58d084c6b23036cea650fa60564de18f0dbf0', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e879f9a9ef37763db4902eb74cb0550c31f73f9d', 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: 'c1e7b9117f9a599927749577702f3b210aac542e', class: "page_number_text" }, h("p", { key: 'f854d70cae2133eb2b0cd565a6b3b61cb0096a0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'c82c721809885610bcc828284f45bcba51143c75', class: "pagination_btns" }, h("gb-button", { key: '8f1bfb5f73caed53f8de11c43466355bfd4d866c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3bb36178947a5f1f410fff96b782400edfc54c89' }, "Previous")), h("gb-button", { key: 'e8418abb41e92b11c158d12c18a6f2c6a1448bdf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ffa126bdfec057929575916d943086b10257864' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9fd3363625df3be1f7ad8234087d77e1731461b3', class: "pagination_btns" }, h("gb-button", { key: '87a42a2750cf4d360bc1617900c467522ae57ab8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4efb1bab4d831631877629ba2fc049ba866b0da0' }, "Previous")), h("gb-button", { key: '506df9a7025fbcf991fc56c3706a3183b6442f9f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '972269295e2eb880c41453d5b1613a76097ca6b9' }, "Next"))), h("div", { key: '68e3c541aa55c5594eeb1528110e02518f5e4d37', class: "page_number_text" }, h("p", { key: '7a83ca99cc55f87f59e4ed9302eddece5d2e2814', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0b9e0be540d7eb5dd96a66d1adee73da487dbae1', class: "pagination_entries" }, h("div", { key: '82e41e64f488f7a4dba7ddbf2a5988a0366e3fea', class: "entries_text" }, h("p", { key: '1abff33909dddd3eeb946f1858b9c49ef851116b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '83834e945ef7ce1b07867df88e0d4ba8b4ac8013', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '55b52a2dff55967b8bf7e0263ade1ca39976c741', 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: 'ce02df1ff5066cd8b19a25f8135677eb80e738a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4a03106f8a1b74129a069fece30bf91dbb552f8f' }, "Previous")), h("div", { key: 'e8911826658c6882a4089efa485c8e8ff56b2505', class: "page_number_text" }, h("p", { key: 'eab343908b4348e243e726cb4cd4f06674e2fa32', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'e129dfbc28d8c6ce48fb7218707d71ba41368880', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '51617a17a6aa14086aa832cd1b3dd079b082e181' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8c5354cfee37a116eff62962f9d5a97e250682c7', class: "pagination_entries" }, h("div", { key: '1454837f0bcefaae924fda3d611799c3c4344a7f', class: "entries_text" }, h("p", { key: 'eb630df4d9e088e473a44c53af3188843bbc4f02', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4a951605220b79f68451ba2007fc5daa8a64dcba', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '3c18ddd9ccfe9647ca66398a062198c330d90e74', 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: '70c5541525262f095e7794b3e8d7ee66e4c0204b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e87d51ae67645e666e38d08a8b5ecc20a61edd0b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e81004f88f5272bc36757baf11e47950f4de3ef7' }, "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: '09a3d13fa05079b2348087f709b31d1a4bf49d83', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a602ebb2d87264b02f46f9ebf504d27698ec8099' }, "1")), h("gb-pagination-button-group-base", { key: 'a1bd4a388eacd0c7cfe3854fb2843e0e77424597', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '54b5a3fa12954a7516faf78a92fa9e829132c5a5' }, "2")), h("gb-pagination-button-group-base", { key: 'beed2041284b7eaf47c4939c51be035a75f68bcb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6998b1e634e6505aaa38093de75e65f4dda78c6a' }, "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: 'a0639cd183f4384938f89bd270853618c7a29402', icon: "false" }, h("p", { key: '7de1afec9781fd7c3ce415f789ce7695ca1a9fce' }, "...")), 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: 'b3944e7ff56ea364b74e86a669fe92eb4c8d9602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '77c38262bf71f7833f74cc95f83d2523e87cc57d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0efe5b08596daf9942843cae7bfae0c28bd6321a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '1c58ec3a4871fd3c5a3dc2735ac2ce221597c82d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9fb360f8d66fc1df25ddb2b453c875086353e4b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'db590da706445b00022c1cc67f6953587a837858' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8de8c54f747a2fcf7ef06265cc4a006f4015c4f6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1287fd30f58b5eceeb3df4c15387087c1560bdc7' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b5804d34c8da2f9f24cbc2c9c6ce6ef102740589', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3dde9b4315132f39dc1269a64c57fc03af8c3a41', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0f53b72f9eb4e3027cb8944f2bc9a6898f8981e3' }, "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: '807200c1e081e96145f9115da3baf7cecd1f8391', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0d9d21955eff5c42453c0985ab11459965e05241' }, "1")), h("gb-pagination-button-group-base", { key: 'ceec305c0865adaabab5433230402f3cb8fa99e7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6d7da31cd591fd659cacc34e48c014bd4793226d' }, "2")), h("gb-pagination-button-group-base", { key: '6dc835020cbd45cb12fad0aff7c47836f6c3a647', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fb66c34576f875044cbbb0a39581ba9cf0697400' }, "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: 'b89fe7bd38ac15c309c08a466dbb429c07b05552', icon: "false" }, h("p", { key: '18e53b501e44dd132cdded1d08fcfedcda529471' }, "...")), 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: 'bbd7bdbf265dbf556a5f6eba5a3945fc376707e6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '33ef7a76d925b971a8a22d899fd1aab6c125593f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fb1d4f826f187d357edccc8129869c1b5f268ba7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ea263d9cc20e40c7367343f232e267174bf5cb5a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd419f214f59d44e65facaca1dd210eef00ff6ac9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c5583682a3ef304702ad42408b60253d88723e52' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '43821fb9a84b86e28d79def0a451b896dfa722d9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a230c31ded2bee646746973044d0f6a553ccc38f' }, "Next"))), h("div", { key: '7ff55db84f370a41b5d2137c945a37ba160f3037', class: "pagination_entries" }, h("div", { key: '00e553bb8f4248e8414c847a2dd7c7d4675606c8', class: "entries_text" }, h("p", { key: '07e2b5735537dfee1d19653d41d75acdb73b26a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'dee08cba1e5841157d7df024ba20a751fc3dda24', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '894830ad7cab1e2f1356396044b99e8f6b9f4763', 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: '7e92711b33615da7deca23e2ef7d4c245879f81e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd94e2f78b871be8d662abc5f5081796f9b3c02f9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '89afcdab8333e01c95d5028460e68e3bffb6f483' }, "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: 'c665917c125ef265e40b14792c10bce08f131e17', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e6bb05fa6b9ef3ae39b846c184c8be7ad3908a26' }, "1")), h("gb-pagination-button-group-base", { key: '25a8e84c678e11c327493950861e7a4b8cebc963', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'db8f39e4fa2b0ff48587740189d361268bca60ef' }, "2")), h("gb-pagination-button-group-base", { key: '76743a2d0f6f9b9327a066c0347e8de238b0b1df', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '75e566250f0b2c86996665646401b022e43d6d5a' }, "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: '696b1150eaf78faec48213d758e22108dad73707', icon: "false" }, h("p", { key: '909eaf1ce08334e645e2911b37fc60eb88bbc51d' }, "...")), 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: 'c919b869bceb5adf3f7e75b146412f6682ab147b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'db6e81c9dcd6293ce4d6327eeadfe3bb7f3a04fd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '08a048738b54633e7053ae00d82a86ddec632172', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '5733974fb6fa6bbce115fc885100f58413212023' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'eb695d2564317fc7dd6a7f30b8df70c7bcb6da8b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '37942e623387f44119aec7c33803830ae97f493f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '40c159d03a45dc7c284707812891b50f0f1421b7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '784610d287d570efe48e8caf5898a6124cee0208' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c9c099f587b97310e2a522588e03d22dd5d75d85', 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: '5735abf7ce90f096a6b27e0cca10b7ef26833ec1', class: "page_number_text" }, h("p", { key: 'e5f4ace0770a8a997a3a86fa6b9e9febf347bc62', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a7886f9cb13a7c09d8c7ecaea19ada3079c63f6c', 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: '51b3841ba3f57fbf5d084a54dde075ce128dd82a', 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: 'f6049f7de09f97caaf48b4263054d99db31a7017', class: "page_number_text" }, h("p", { key: 'ed81b468e235a7e491b3bcfa503f1ec13c1fe4c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7bddb3addf5aa6a2130d953be0b653be7e261f0e', 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: '8c5df813f9bc487e59b0042b5faf7dbc11b785a3', 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: '755c8288d9e51170b0c6fcae3cdd4c059183f255', class: "page_number_text" }, h("p", { key: 'ba6cf5ec4bd69cd1750e60fdc96a84d3dc3d8cb6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1332ad4c9ac60ad2bba3a359d84173c480f0620b', 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: '64852a3a8b5ff63daba8456ca931f7a05e3afcf0', 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: '7f3f45402cae7d8c65375efcc68127d71f266fa2', class: "page_number_text" }, h("p", { key: 'b11d968eb18c0a270406e36435831bd2241efb33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '47e34f570d18d40693b3e6b245e3e0b6cb62b3d6', 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: '8689d0a66f621a8e9c1d0894fc771a63708d5f30', 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: '65c3a9759a4b19b199802e72b8cf6dc3888dce72', class: "page_number_text" }, h("p", { key: '03aaf1daf783f22ee2bd44f2a0ca78a4382e6272', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9662d4a71907857d1267035a393ba365f659817b', 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: '1b8f9647f357831637d446e421c04cb40eee17cf', 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: '8cb87acd084f3c81014adb6ec60aa64b8af3dfc5', class: "page_number_text" }, h("p", { key: 'bbc1e00f6ebb3152d957f34d96e4cacb5b7f421c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '80c1bc9587204943b86e1d67132f0d13d82865a0', 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: 'f34b33335026e5bf3e440e8de99d2c80d2e8c4f4', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '85e64d76a81773c4bd89f2cd113f2b026ece75d8', 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: '1ed6110a2fb326fd52180cc000d69946a7666772', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '28d5d9c81923526be2ba006ca3f2c996a785edf3' }, "1")), h("gb-pagination-button-group-base", { key: '73775ccb9f07a97308b284aa121e336fe70f0551', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2bcb111edf27dddfe82201f53fedab3ad729db2b' }, "2")), h("gb-pagination-button-group-base", { key: '8263d43f0a3d95272c169956fb2f5ea748b4bcd9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dd41dcd9089a20c7cb2ba2f433320f3f0d12adb5' }, "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: 'cabeccb3339316a99e3bcc877f221f1ff717d71b', icon: "false" }, h("p", { key: '51ccea73375f7aae116f041439219588c7588938' }, "...")), 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: '274fa7630fd15d9df74682e9997be7797469422a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '99a630a1bc8269488ad0f5af7911873b53f9aca0' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9c43e4b7696b8918dcdda4ea9fc257d379ccd636', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '53b395feac157a916c5133327f12de4d32063c3c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '98db63a7e14919f541fe8273185c97d00bc5f99c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a0be99887a0f006f2b3a5be27c6285105a5dd40f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3803a9fdebf2640c75983168226a5058699ea352', 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: 'c8d3026b03e62ff74a484fde2176f8b56864454f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '46dce87d817122ff405f73328e008c67e17bc67c', 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: 'cb10f4498c859ac91bd4e5459bbbe1bd7c884537', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '35de12d98afb376deb16a6337b15553fa55618a8' }, "1")), h("gb-pagination-button-group-base", { key: 'a1b82c8e5b69b52d0a96587de2ec4343209adfea', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9530db62aed320d26f7d22c0018c9107f321698c' }, "2")), h("gb-pagination-button-group-base", { key: '9aea27fd82ea2e923fa18661db58414cc28aa997', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7e389c571719097226730432d4643e291872e685' }, "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: '0bcb1fb7ff0df904d665341299108f8e58971d06', icon: "false" }, h("p", { key: 'd6c1a6d4529d3c443407ded447d3edbf4ce685ed' }, "...")), 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: '6195af0823c0c95b8218130d8941488e7ab7c2f6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'af0d9c4b18f45d51ab17147143bad05afc67f6bd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '413ad60d8f0103cddb869569c04054e9c1d727e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3864cb689a34bf35ed84578e24b0e5cae1267b92' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd72815dfae3e371031c1af5e0c422575900e48a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd06ed41b46252abe517d101aeff108ca314a2107' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f2fb2e23f63d740625aad9ca500dbeebc1848f32', 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: '230b4c6cdb8c41c44b322777b60d7f85ba9dccef', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ea18825cb52ed1ac2238eeaaa9724ece3582766e', 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: '1f5e9ad758f6a6b6e2e5d5131dcafe4f2d2a0491', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd1ca118c4cf90be7f303c202682f2bd602d7be06' }, "1")), h("gb-pagination-button-group-base", { key: '22b151c1995764a5d107b3b8c768b22ee4909d97', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '949fe7aee4b422638ad7abb95f1d97cd645b01a0' }, "2")), h("gb-pagination-button-group-base", { key: '5b3b3ac229d307aac4fdf8da1d8748e25d006909', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'aa2b5684ffc6bcf896f14cdf7ab783123988ccda' }, "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: 'c3dee2d7e76eafcb864d382e963a2414bcb5d974', icon: "false" }, h("p", { key: '9e08eb2f5f817114aad45a5af44ebb31359041f7' }, "...")), 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: '94dd3614f304e94de782acf182d77fe0728332b7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ef87bb13960cf71cd0a59c1a70536abb684f9384' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a0e194803878def78ef749e1a740d92a953695f7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '203884c09bcfeb3b87b3cabcfca4751d5cf24e61' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'bfc0288fd7d99b00d15fc899b789d7d5d1846342', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8690554fc35700d750cda8cc403bb4b85e3e12be' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2d7c2abdcd17ed969c70ff309ee580541f7a1604', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '857c25c48350c76b1d805d3f199acf06ccf62ee6', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f3e9eba051df4fe677c7c2210e1b0e84dcee7126', 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: 'b56806c54c4be66083f9487fa74c260e0c528ee8' }, "Previous")), h("div", { key: '97d9b516b39a49dc4eee69f1e88dfb1f67d95a80', 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: '95376ca8d070d66b72d5970c6f5549a9a6106cf4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '312e388be547cc369cbeeae203d2073429a2758c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '45acdce776d1415697ba4bfd256055a6068fbb90', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '9acf45542a96c216ca7c7172dc230d810f07f95d', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ef7ab97b071d54a3d16e0796c612a196f8b58c54', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b83e9ac80fdf40289925cee3e518d2ec49ddcbe2', 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: '3579efbd06dded0760d7c6465295bd5148f2c891', shape: this.shape }, h("p", { key: 'a3335b42926644f106bb23611b4406c515e1d01f', 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: '8302d4f02c5c24bb405866540d321b0064df9b6d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'aaeddc340a74c4843254ea247c43d0d460b3d7d7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'a3cfe965b709bab0401e84a07fd9134f9f73da89', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '42c48e61dfc94845f4115c88a9e2e479c39221f8', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f87abd2f154ad62bed3cd2c6b1024e889b95d650', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '64512399c3855cf24f442f7851eccde4f1b66b11', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '6911e77c5fad2bca03886e180d7b9c28cbf74495', 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: '84af87d287fce9294dd7dc7938c3626999a8a0e0' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'ebe451b932c2e72ff2ff9106f2dbe424b1ad12f7', 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: '50af72be6314ab666bf0517b54602f3193de87e5' }, "Previous")), h("div", { key: 'e0569bb16f2eb7120c268c163cc5b0ecbe3143af', 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: '0b2ddebb34f3f8e132e14c98974604971165e405', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'e40489e05b0bcae6da12f3e1966674fb9bc76157', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0a2f6cf1393d1062da4a280be3cd278733bb1595', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'bc10b762262d96ac661ab9020a81177f5ffba32f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '72619f28b3d8d5292a8aa54757ef5e726668e21e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '29669f47c543abb8efa86e8e7730f4ea594c06b8', 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: '40c09ff9af0a68f2631f493b97e240c7287ff261', shape: this.shape }, h("p", { key: '31846cc31eead32a1432b78dd0c70dfdbb6ed85e', 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: 'c4b0ae3b567462f9897d4324fc4264186d58f156', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '4973c3b0876afc9001d3bc3ed65db8a1f6585a7b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '37c1290ca3345a991b6283450a2db84c63db9b68', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '0a36f6e69ec760b8e45c6bed4106a3ebc3026c86', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0aa9666ba578682caaa55d49bbc344d247b00691', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '406ac45a543828a06432aac67d5e1294cf0067ab', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f5c0da301ca1677678f6b56e13dbb5dac5157892', 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: '5b49b1ff0e41473c808ee8d6d250e29bd34557bc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9ac46bbfe6e940732c2935858a43fc5b7f3b02b3', class: "pagination_entries" }, h("div", { key: 'a16eb063f55987dcb0e37024ffa4167288b9ce1c', class: "entries_text" }, h("p", { key: 'b5272106fdad10240eeca20ce47851fbe1b8b953', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2ee70b46517df7edf76e7778dc3328e9c8dafb1a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e8a19c7cd6284ca95c348cdcc01c4c82e4d475b9', 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: 'd3b28918df26e97b11301ef556f95ec1c48057f7', 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: '71f4b08bb65e073f60642d4fbe2081e4b2426668', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8c6b1b98512a6cb8d2f6d87d8f580aed8110984a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '22576e565c9854da5a8156f69d51ed7ae6f817e7', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '7b71ae46ead1903e7311e81af272f3efe09fac7f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8e7741ddd0895ab8ae73c48a8358b3c6049bf906', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8d8b5a3b7b49439d358a855542917cefa9a15e7e', 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: '4a4c1d0fcfd8ccb213e26063b0d14dff16ade19f', shape: this.shape, state: "default" }, h("p", { key: '90f6d3c833bc607cbbec85a2acfedacdcec0f67f', 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: '894c18be1195920478292f9049f919e7988964d5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'fceda99d1e896eeb1538be5d0cd79660d34c061c', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e92bc35bff6d61bb9da7c082e6293a3063c4557a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'bb041ff7c7f608bfdda2f0e068e6ce236d020a6d', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '9c8ab1b5bec7c06bcc3cbb0ba8bc9b27f83f47ce', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'fa1cb25d22899e64e9301ad8776593eb26ccd79b', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'de58cf9228944a18578de15559b2a766fbfdabb8', class: "pagination_btns" }, h("gb-button", { key: 'e72caf841567e171f2a106960d4fc463099be12a', 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: 'f29bf9db59341c0934771c5702c0b8489f958990', 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: '8d063079dbd3435ab150a923c44041ecb1b8f057', class: "pagination_entries" }, h("div", { key: 'aaa60eeba241c036e25c2b7c1681758432bd1179', class: "entries_text" }, h("p", { key: 'aa694429411f3d2fc9a04d9ba2a7ca34b2e39d22', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '0a0427952d9b57f8e5e0cd72fee186ac16332aea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '007d8bd8fbb0d69401c1abc117310ceb3409758a', 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: '7c68a2718ecaac827e5b127305eb7f353846a010', class: "page_number_text" }, h("p", { key: '9c2b891e8cc1c93c87a0d0bd9b0639caf7bb2692', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'eda86074f5749ec676d6220b2541d552af6d7bac', class: "pagination_btns" }, h("gb-button", { key: '2cef7b7dacd3500220b0bb4bab644a69776d9b0f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '191b72232be08256bd26dac4adb6e473ba94339b' }, "Previous")), h("gb-button", { key: '809d671f861b3eb79b990f338f475e60526c3a8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '75a6096d363543e8fae9367bd18856b3af778649' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9eaeddbc02dc2ea09d16b5efb7d915a640fa7786', class: "pagination_btns" }, h("gb-button", { key: '58fd8e08a3f807543fac643b11d1717daa32f4c2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c30d4158532e583b7c71f7867725c93c8c2260c8' }, "Previous")), h("gb-button", { key: 'e2ba5749ea5d7d154264e95071f5810c06c4ccbc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bfffb5db648dcafa7244b18342091f7015828b7f' }, "Next"))), h("div", { key: '202d52cebad2bae889fbc075de43afac168ca0bf', class: "page_number_text" }, h("p", { key: 'c5db36f3627acb07b78414afb51fc2485a0f09f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '67d43a1196be78074696c496e632f8402c3a6501', class: "pagination_entries" }, h("div", { key: '8fcac42a8d19f971841ad8c2fc0ddd83858e5843', class: "entries_text" }, h("p", { key: '7b60c532075ae842614d153d98aad92888f22231', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'dc1dc471820851623d200391c4bcc6f0100f6527', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0fc866eecef58baaf1d9c077a9631ddd062b0fea', 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: '3835171e6f9e6c338f54d6c617cb383a56d7db1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5cd08a3773a45494ab8df40e6c2a297320cfad10' }, "Previous")), h("div", { key: 'a72ea63528a74a488d122d530512f36394ee7a51', class: "page_number_text" }, h("p", { key: '202fecacbf7fba1a2a2bcc2c613db67321120bd6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '34f56dd4e6ebea338b83b17b2e9b0056ae678368', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '158aa9b426a18d38ddbbbe1b156fe11e1b836797' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'bdede6b2802305c7409d4281f6dc5fd52ca46bf7', class: "pagination_entries" }, h("div", { key: '0b1c3122d81dfd59b9740a713b93198951ba531a', class: "entries_text" }, h("p", { key: 'f53a3b99ea9276f53d86fd04b2bfd3754abef476', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8bb2849b25928f714324157d6a81c822e98f915c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '73d2001f6d8d757ba680520dad10571b4d8c734f', 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: '7cf1650d19d66b95460d23391748288f9081ad9b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5c843b6eac9956eafc9b6472a4b4338d8c2ac7fd', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f77d4e9b5c75eeee3abb42eccda416585ae9d12b' }, "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: 'a0894e335082849bfee4f45c32f2c2f3f538bdd2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8d755649c0ecade3d2167ec39feeff54816eb5fd' }, "1")), h("gb-pagination-button-group-base", { key: '10ecfcbaf164ff820a327832f0fb70fed126b4e1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '936f30629f2a9182dbafefad191c17e4bb927bc6' }, "2")), h("gb-pagination-button-group-base", { key: '4f878c8f768dd39d401741e6284a5f88a25b4b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'dfb402b8ef5817ac3a6a2319476c4db3d40e1b40' }, "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: '4c4a31c36439ca10a86d6d81e66bc0e9f652ac01', icon: "false" }, h("p", { key: 'f59701f4e41753840f75d2343e5311fa2e6bd3a4' }, "...")), 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: '48438f5aa75fe1bbe67c6a325d6881ffed490ace', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'de1c6b502efac593fd20100ac7d370fa33a4e62a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '91bbe552a6fac0859f805b8d23cad93ca7077f10', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'fe150f1dbe0fa4497bef8230d713cfc8054d87a3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4f5f2e52de000c756dc832dd098dd832fa37fefd', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd41ad4796108b698ece7229209144b45a3e24324' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7789d941c270bbbf1d7155d5bdef75f3f3a1165e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fc6bfbfbc7de0d56d7ed3bcdf0a77613e63b1e38' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '02fd6f272fab6c773e5984f9850bdbacd214ff10', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e9f9ef54b2a0b719d9904634782fc8e2242e44c5', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f6e5c7b38c8767bcce8d59fe45435443e1a17778' }, "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: 'c8d2c09b58e34929bc99ff513f9aed9b2c03f5d4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '0c69d2fff577fbe8c48d306cbe1b654b62e065ae' }, "1")), h("gb-pagination-button-group-base", { key: 'c2562737861c2599727c14b9012b8e62b31989c4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c24abc367518f209f6db73eaa035f554400c517d' }, "2")), h("gb-pagination-button-group-base", { key: 'f346833e57bc6457c33ac15783a7478d6b6c4bde', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8b891c289ecf007d49a4eb8d32e3742e89169b08' }, "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: 'ece5303d058bcbea71474027e89b5cc9b8499d58', icon: "false" }, h("p", { key: 'd918ae82e05d172adc26a82a4074c563fd5783f4' }, "...")), 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: '755b0b3dd65d3d67e38224be89f8551c84c22b77', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9c4518bd5c8b9fe8012d7e0341525702ee7770a2' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1bbb18c4cc4be8a1aed5177cf20f5f0e433e3de1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'aeb39fa41439ddfa6cba387bcddc2461dcfe3ed0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '87a702c6a51f556d939a0b0eb4ad7efcff16216e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '64d9bb39816de6f79e2d8b3a72685d9d172aeabc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '84f779d35571298e7288937c6414e77003a1b5ba', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '294c90c2c08d7a598738fec7bfd209494b6c24a8' }, "Next"))), h("div", { key: '2eea1c6ce96b665537646fdf70a204e4ee254ba0', class: "pagination_entries" }, h("div", { key: '26bb8e4b3f336b39e72f9caceea6594e3ac65060', class: "entries_text" }, h("p", { key: '6c4c8f0db34420e01d55e71185e8282ead65868e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b8f947d7452dbcb1af7bed5d830613bad6dd32d7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a26c37409a44ad00edc1d54bad1b7ae15f668f65', 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: '3f6f69a1fc0a98c2b65ff76caee1428515bfcb0c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '5695fab61296e5a332fa3ac62fa2b5c0d9760ecf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4e187783cc89384393ec94ecfa7a0311b98c8baf' }, "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: '3505064f14e9eeb5838cdcd304e9862349c8c424', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '12adc51ef92677c2655f2298317ab0502cd4cba7' }, "1")), h("gb-pagination-button-group-base", { key: '37156becd63ba68de8cd025a19bb7aaa72fc1da3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8d36d1f5acccd893b657ff8be38e787efe065fd7' }, "2")), h("gb-pagination-button-group-base", { key: 'a72562ef9737ca789615822c71d96f352a9d7d1c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e668c100f07a32ec8a1e1b1195d3fd2c3fe53672' }, "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: '86d35d32035d85d538608473a119b1d850a6ffff', icon: "false" }, h("p", { key: '59187ac0b47eb8c8d6575295fcc13e229708d61d' }, "...")), 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: 'c1ab37d4b4776c58df82ae7ea0f48cacdd71c4fd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8b757e4e2977b750ffdb05117e3866cd8b7484e9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2b949557b7561b2786df38e955566aa988e8e0d7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ec6881244c952c257bb73e018a2d3ba159e34c35' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '33604bf80254eef10bf817b50e3745eb966423e5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '101893b9c0ca6bffbe110c316bf50ebb852e6f93' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '68f7a4d88864662d12bb55e5f3f9335c03df1c3c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c5d89555d3086665918664f24cf136a61f353ba7' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '0cb783322646564c614951800c3a9b32d893c4c2', 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: 'e288820c262eadf91e2e4ec27101555ec09401c9', class: "page_number_text" }, h("p", { key: '11f9e168746e58216c374e0804509423bea21381', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f9ac66634ac6c1f8d095dd3cf4bdd136d942c260', 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: '1bbd02ee03b0a9208b2e67d37e74ab28f0318a24', 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: 'e954f1febd48b6ad3f8792a3c6f3c932695c05b5', class: "page_number_text" }, h("p", { key: '2e0077591511f2a165748a247b33f4eedece56fb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4ceecf5e0ba2dee6c8330ab1c2532d09d4149f5f', 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: 'ff2251fcd11c525230f2acbfbbddd12802a68b77', 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: '34327f00494c0bb6910c8421e4c0f8583d4b638c', class: "page_number_text" }, h("p", { key: 'e695c07257bf9404a37cd76e2e13ab1decc8f8d7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '3899b02666c7b0aa70a739b0dfde3ba6246317c3', 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: 'a9199a189363fdae07820e284d686256d138de6a', 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: 'acd35f63ce0d1829027bc789fbfc78d05c4b4b5b', class: "page_number_text" }, h("p", { key: 'b304b71681dae26b84b921518f71febb39504226', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8a57fdf6af6b8326a28a8b0fd5a7970b16b48f87', 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: '86d892ed0725da366bfadd45fcdde1504fec6bec', 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: '2e3b9687bba3bbe6a1a7b5ba852031dac7eee1c9', class: "page_number_text" }, h("p", { key: '5e4b693a9851eb5f792032ae6fd94095e87be398', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '001a15a3ae6ed297ac8eda450be9203cf81ad829', 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: '3561d1607a93f568b88c003035679f332322b262', 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: 'efa445d3d1bf66c1f470b36d63dc40941e34b145', class: "page_number_text" }, h("p", { key: '0ade2b08ec9affc633037470c16d3530b72eed0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a79025c52b5945c994eb21d6573d9ced7195c28d', 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: '51501f6719650500765640c681bd0e65a7f57ff0', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'deb0cfc5a75bb4a9bffcb30f58a91956f97c4a02', 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: 'e5411c1d973a28ec97b1320c152468c684ab9169', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '33c8e281e2b4c2c2a55f2c065d413c35b21d96c5' }, "1")), h("gb-pagination-button-group-base", { key: '9e1a2de189884a273f145879b94e566e3bdf28c8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7496c0de719be5907b372343262591e7baa4bf5c' }, "2")), h("gb-pagination-button-group-base", { key: '81a84929dcef67c1117ef0d423e7893a02cc8589', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cd76c0c1727f2b0bf592d01301bfcff6dfba9134' }, "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: '558e01eb5d58b9ad0862df63c33cbca22efdf16b', icon: "false" }, h("p", { key: '9ef5dec650c8db8ca1cf97f68ea17ade58cb9695' }, "...")), 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: 'c32f558f396cd0575af5c4e4378ff0f87f1f853c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7ddcc4ea06ec70f86bebcbd382da057b1cd27b07' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a44ac8bc0166f09d739edab6bccd7a7cc5eb04e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9972fedb63f1534ef9bc4098c7187cfe21bdd9a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f0ae3d8d4905b20d84ebdc4d08759c5c6e4f5233', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0943ebf4897cf54e26f0c5cd905bd05918d78375' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8633ec1ed011fafab82b329b995da1d4e5ff09c6', 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: 'b10a8f7771c75da396b55213ac2fa58870c0982c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e1c975831adf429527b97f74150904317456c8f2', 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: '0e86563018b4f1a310dd1b4e1d8dec0f1375fc26', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6ed3269b2f634246dd054bcf2bb05343be40eaee' }, "1")), h("gb-pagination-button-group-base", { key: 'b75954fa414a5e89662f5c78e7d4cdb2de44fbcc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '2bcfd6a0d454d766e39a11ed7fa6c325b73de175' }, "2")), h("gb-pagination-button-group-base", { key: '77637fa4b7f5899bb83d01b8745fbf2a13673352', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '26949a5a19d4f9a14f35a82b3110abe266677fb5' }, "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: '490ee87107a3fc0077083c9d837b63ced382b880', icon: "false" }, h("p", { key: '5325fce01553167ab1e4df104463153854edee14' }, "...")), 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: '54e0bdf819d861202005fb5c87fdcc7f2b161350', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '4f0166552e103c40a4710426e3c8b9528844519d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0ed924ce5e0739b36e80abbe40c7d59d3cc4f105', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '87221f2b8ecfc6286f458abe31b30ad9524ca417' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '12d1124527ef3c1e092e3525006c1be3839fa5a6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '411dc4a9b710c75f25acfae14e6fe435d42007fd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9041fdaae74ac4f56f5e793fe689328ed1c3730d', 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: '298ae07bead2c90330a0cb7ded74d53ec4f4b8d1', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '84914ce19f578d7885c30d91e9a4924278eefc83', 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: '3227d6f68c9e98df2c0ef2118ae64518541c37cc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2c57b50c4eac5272f976c83ef91197f94bc42282' }, "1")), h("gb-pagination-button-group-base", { key: 'e7be59f116b21dc3177ee0886556d058f7d0be0c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '02f240e76274230aa0a830c31b07a7f1cee467ab' }, "2")), h("gb-pagination-button-group-base", { key: 'e85cd7f5702f04bfa8bd2d366a95a23197e17850', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '370335b108a1d233d465f2149a71f117353c402b' }, "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: '11be03031cd92e6c2068f970b7cc701dfc14d24c', icon: "false" }, h("p", { key: '25adae5b5056e1bdc29e3d8710aea89f310c87c5' }, "...")), 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: 'd3be9152c7ba8f23c86c266b5ac06e4e315942ff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5d0a5e14433b1bff01ddc35ab5f705ec0437d864' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2f5c78928edec1561f13a849f3897dde98bad06d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '6121184de6a936903a067d7eaac5ada414776827' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'd37df2bf896929868eb7661bc49fb0b0a51472e1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8fa9d6de710e329434c5a186cb8b28ef7f97cc57' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '064c842fbb7626d6465180590c1f23ac4752daa8', 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: 'f283fc85ca1175e093c809c49b40a3282acfdd1b', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '2965da406dc5a8c91b2d7a9047c3a6375ad11127' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'ea20019ad02ce6ad7e0872e7132fbaf8abe400e4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '010d710453986c15b9b12929bd5bef8e8c86a42d', 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: 'c1f5b2a7d760c292d4601aeb6cf665d374fc791c' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c4be4762c1d79999e4e34bf412f8618b60fd14af' }), h("svg", { key: '4288834e9407937a865956070b4442f4821a4b7d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '34efa5049e68766d49d50d455a949f4c92ac6629', 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: 'fd02a6edaca080801b322eb3a3d1e06b52d57981', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'f97531681ab5cb12111eab351ef54eb3697b595b', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'e3137a285134be559821b35db907d42ea831c9ed' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '3f42967e0233bf578a25e18e2c4f814766bf38ce', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'bde5b4b2a24773c0672ddd25c8794b2f43fe79e9', 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: 'a3e4d6ddef581f29e8fb2500128ac7220e7efa01' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'c9e05bd5785e92d201103e493fd956615ccbbee0' }), h("svg", { key: '501ebe1d2b4e85b2690d5a15f98e496f173636e4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a0c6763630b0506e6365f68ba4f938ac6667d893', 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: '79483cb4c6b595d055b09b89747897da42cb47b7', 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: '920badca974889c2a86edb7a886c23b812c480c6', class: "dot_group_div" }, h("div", { key: 'cbd8cbfbcaf9fe5ea468ba5e617825f9c5f2a290' })));
+        return (h("div", { key: '046c006463a3af6c1a350e759bcfcbee5af83577', class: "dot_group_div" }, h("div", { key: 'ee368583202cfb779abc6dd5fdb605760be35aa4' })));
     }
     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: '8b4ac7b7a7fcd67121678be30dd695db194e00ec', class: `dot_indicator_div
+        return (h("div", { key: 'e198a9a657fc0a90d3fb1751084b1ab3d9296b21', 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: '9c028e465364f9d49d4f73dda2072f6aa4f5462a', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '0d362c44247f71bd1968f93b48b18af2167235f9', name: "page_number" })));
+        return (h("div", { key: '0fc0aedc9de607c5f810b19b7bcea26ddf4c9621', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '05f794087c50159b0891a5af9835ed84a514d5d9', 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: '90490aa6e21dde62833502da43d6dc168a0e55af' }, h("gb-btn", { key: '2b9bbcf509f89117218a4d420e7f953e7267da73', 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: '2c9b4e8690073fcbb3f5cd518f8be26e39f6742d' }, h("gb-btn", { key: '89488008a2f4caa8936dd77f7c4fdbbf1f35b072', 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: 'faddcdacb1b9207b1fb59e895f106673971066f5', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'e0ed8a115ab1491d776efe2ba2d05443f3e77c45', class: "progress_bar" }, h("div", { key: 'b1953ebd9e831d4aecd761b9225ed5b7dfff1a1f', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'd95584cbc923d4a8962e9c29a8ca24b94e082f39', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '2c1da8e6690a4da63b04f46b6c66fbe311d82bd3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '084396798b87e61a036358aa28885c290e359199', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '9e5ffc0269f93fba8df26d1d8b1a9b7bbb2fb82a', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'edaf3de7529aebcd001f890b33d834c0d3fd35ad', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'a799f7bc3a7e4e75c6dd2445f4b93932e8988ae4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'e00b14b4da614415fc8cfc02ef6d66527de708fd', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '24637ee86dd7e95515f99af88642489addd8b21d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'b5109ebaf78bc0f9690ba2c86ae67ff4f59cfc1c', class: "progress_bar" }, h("div", { key: '0b365e89c0f272d0a7d93584f9027e1787ba7d70', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: 'e3d495a6cedf7e672b009b954b5cce691a30f709', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'eeb606b07e937b58e411effd2d59dbacb34056fb', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '81101480b4106fa069191227ff7f91a66dc1d895', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '65cc864950fe791e734e2b6f9b475d28e2ee0171', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '13599dea13a3cf4cf7281a39ca35331824299563', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b1294d27dc26cd02990207335801d84267958a6e', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'b077147de356e45b0e528ac13c4546d0ef76dbbb', 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: '17934b4ad8a3cb74d03e4c2a4975f9824dd52024', class: "gauge" }, h("div", { key: '74cc638bc69d82d4b7e544baf6f0368b4991908a', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '9cf89290e6f4377c35b8d734f109fd5ab2e56b65', class: "mask" }), this.label && (h("div", { key: '18fc9fda5284dc53f20ce651079087ce23be8c72', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'e0ae2e261f8e697a1c855b536424f869415db0f5', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'cbd2b4f297e2f40baac07a19477c595e628b0d69', class: "gauge" }, h("div", { key: '60b76b2c0aa2a9d5335cc1584ffa23f2da9d200c', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '69db28c8a2077b4870c4d7f84490bdcbfa04cca9', class: "mask" }), this.label && (h("div", { key: '6b60cab5eb13a310ed892c5859f1e62621a0d678', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '14748ce346b24476b2c577ee6be1a936293d2c9e', 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: 'fe573e91fc4e551aa942da5e4280d38472508c19', class: "quick_action_div" }, h("gb-card-icon", { key: 'b68aabf038571f2540a0fb01504ab2265dc5dd45', color: this.color, icon: this.icon }), h("p", { key: 'f6d346b41eac90191629d2222b7a326b340e716a', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '6d328ffcadb86642fd07b4c61b0c7fd4d85464a8', class: "quick_action_div" }, h("gb-card-icon", { key: '744e1ea523a628d6055704f81a60c40d500dd51e', color: this.color, icon: this.icon }), h("p", { key: '4de693b3d826306fb2a46218a96e15a5239f0073', 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: 'c29d6a41d5a3247035368d59cdb36e990f96df6e', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c7c5bfda5aa1b6009a94c78886ad58f53297e00d', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '39560712639e4f8b50777a86228dfe294b2f9c46', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '7174bb84cb7fbb1e45c9767c48fda8eb601fe5ba', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '51541f4024c2d25077da7a5ed7c0f2534501f9f5', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '1188109437218b59b3753c762f7e267a8a125782', 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: 'f82f3a7f8347403b0fdf19a8e742cc4546054b65', class: "scrollbar-container" }, h("div", { key: '470c3002394ff1248a81625c164fa287853c9124', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'b3606961eae8567c548906738903692e9df577d5' }))));
+        return (h("div", { key: 'ba69e30ea62fe179c1cc445971e8af3ca32d9a1e', class: "scrollbar-container" }, h("div", { key: 'd22064f47d9c47f3a8f6c12f957d2e78e256fc0f', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '910bdc4d8fdcca337ee41daabdef5fdf4c427152' }))));
     }
     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: '6e09a87383c131bee790ea3319171dbac5e99b53', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '4fcbec841aa0995669de760c000d834e81a96ec9', class: "pattern" }, h("img", { key: '5a788928680782e7990da7a29d58ef540fe3e33f', src: patternSrc, alt: "" }))), h("div", { key: '8070ab6fae5ab6dabde2b99b3bc5449ab8dee58d', class: "nav" }, h("div", { key: '5ce3d87ba33a7c2a5cc4c9aa6b6ae182dd3d5399', class: `sidebar_header ${this.state}` }, h("div", { key: '93561420c07a0d7a8c2dff4fd323e4b1817d5c6f', 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: '6d9ff99e341cc36c726507500ad07efcc5911f94', src: logoSrc, alt: "" })), h("div", { key: 'bfe8cf6111c7474f31ec9bc4faeae4f5db434bfe', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'b788ed3d6fe7ec8dcc5d8c9caf1dd024b2dd87a7', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e0ae78bb4965587b889363d659d1d1723c30fb1a', class: "navigation" }, h("div", { key: '0bf1288758f084f71a663371cda96dedac49f1e4', class: "item" }, h("gb-simple-side-bar-item", { key: '134dfce6434b2a41eade19889bb1c4676c1417a8', 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: '8d0296dc47c98b0e19d6800672a6e802b165ecc3', 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: 'eed31fcb133d0895fbcc768d62b67e3c39a035cf', 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: '866546aab316370e4839212146706922cc06d984', 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: 'b07e23123c9f616485727e826597ff64626875c3', 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: 'f7cd45a544ab56024fda69fe4619f8cd26360459', class: "navigation" }, h("div", { key: 'fbc57451b3d76afdaa74710f33ad461344d3f2dc', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'da6873ff31bfa9ad7cc988ac55d6db442c4b9714', 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: '43539cdbb214e64683dce52cc63a98f383c003a0', 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: 'a497aa89b07242ffbfe33aae34f488776c1ba3c7', 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: 'cd381e5ef54175d07dd7f7556ca90cb3e8e62355', 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: 'df22791db36c00c102cb00282ed44b9d5521c47e', 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: '344a9c053168b2d171402d67734c7f587c0e65c2', class: "application_name" }, h("div", { key: 'cf0394578c56d5c2d193a09d1fa181600954ab14', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'a4622fad83e88172192ab07bcbd65e10e6afd45b', class: "application_name_pattern" }, h("img", { key: '60a741ba92da3e83e104eb2e1f9483926bd6c76a', src: patternSrc, alt: "" }))), h("div", { key: '83151a7397f6efe24368cb3bdd71807fee80d31a', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '3e8f0be5b25d89d253eff4e67881c628852b23f0', class: textClass }, h("slot", { key: 'cb222e6a4a4e713e732f6015761cf0263b58ef3a', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'a88754daa437a7ff49b142c7e4fe888adf3c4d7f', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'de0c9a0f353bfd5ca69c6ff9969abcf23c2b4424', class: "nav_div" }, h("div", { key: '7554ccdc70e665009cc9f6774686add81d71feb9', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'be7fd8964ac92299fbd34adc66887bfa3069f837', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '655ecafcf865fde0eeb1bcb9498d3ee45a32234e', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '67e722884b3e4519af58452b6c4e5fd2be7421a8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '34d1fc70513a5975f347e91815dc7a1cf9f915b9', class: "complex_sidebar_div" }, h("div", { key: '292fb8e5409c27aac82e974b629636e9063ae521', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '15302dcc9893a52a8ea03355ea6f924da67a2b02', class: "pattern" }, h("img", { key: 'd54b52d9b305b09b6a6ffb8cad9bb7f36d40038f', src: patternSrc, alt: "" }))), h("div", { key: '1af7b4f7908a7ecdf3b86c1127d7c0cf66243a75', 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: '6a399c31823c87d062a3585b84d000edb4fd1156', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e7ca9a05950ecda150573aed161e5bc8264deadc', 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: '3e08a7a52af07e57b2647aec5931db7284257cfc', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '5a760c39b63e81c4b9ee372a3e320ad7b6585f4b', class: "pattern" }, h("img", { key: '19498c75e328fc422b4a134d9c40d8883f766199', src: patternSrc, alt: "" }))), h("div", { key: 'e12b6b8faadc581de0969b2c55211411df601ddb', class: "nav" }, h("div", { key: 'e4d0ac18ac74bc9e3c54c4be06dc097fef85efeb', class: `sidebar_header ${this.state}` }, h("div", { key: '33d6b6bf20c15f918231aab3178d98bdffe9be7b', 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: '041349e36c5c164690540d1e69686d7b602b8dc6', src: logoSrc, alt: "" })), h("div", { key: 'b905f745f5e1068a3153701b1d476fab1ed46daa', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8bab216d44272124519a853733752cd04d9c5ab9', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '9e504ff6f6e7e4109a5949746c536c11fb4d4f5c', class: "navigation" }, h("div", { key: '28a66c7922528e5d7cb0d28b146164cf9abb6d80', class: "item" }, h("gb-simple-side-bar-item", { key: '531155f87d094e737ad97d67027664bd38dc9d79', 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: 'bcaa345496e4bc482cd97e7f6028ad763eeae941', 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: 'dff2b2543c693ff8328098abe4cbc8c7f7f9d34a', 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: 'd8f6f19426e89a37749fe5a3c22922120e2e9654', 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: '471a534e6e4e07cd45ecf2963250b4de148168ec', 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: '102a9faf88794bd808dba8ff23889456ad32fe2e', class: "navigation" }, h("div", { key: '0a6f97d2260254ee67bb7b874b9cd3214d6db154', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '86ea84aa61ff97fba1c78bfa35c80c9e9c2ff42c', 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: '0e4ee0693755cdd607db888482f43a27caff0fb8', 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: '2662070942c15680e13101d066c3e3a5df00e83e', 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: 'efc69161fa3486aa2132e23b3fabeddc0c47adad', 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: '862a280d257d41b2dfcc533e6b3941759d566717', 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: 'cf434cb4474bd591050e74372e1ca6f74a127719', class: "application_name" }, h("div", { key: '8530c5774c50aa8dcd46bf9bc889f02431922699', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '8818a2465c7539121a888b16866bb140f6686456', class: "application_name_pattern" }, h("img", { key: 'a43735c68fab35fc669ae76eeaeee1c6b530ec32', src: patternSrc, alt: "" }))), h("div", { key: '6730c822eae899d527c272084bb8182e8606cfe4', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '034e779c12fb12331ce96df42d2ac3b4b2a6b22c', class: textClass }, h("slot", { key: '805e53bb0c9072a4ce0fda8ccdf7547b5a507ac7', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '97d6de18499e796d1f06fcb8787bd2d2df7cf2e2', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'a2bba9212f617e3adb9e00544929af99e40bc599', class: "nav_div" }, h("div", { key: 'cc559f8e4afef415db2731d5b7c170d3508553c5', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '699c526a2a9c255ed2b9a56ac55cb5446e747ad3', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '39622d50804772d58df4601fd8783213d32fbf35', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'c070dc845275347256652a099bae74e53d702712', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '96642fa66cf939994be33ad05093207ca518caa6', class: "complex_sidebar_div" }, h("div", { key: '1e08938fa9fbca2cb6ecc010c714e5a02deef9bb', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'c8a4e51520f00ee4f00dfb17dcebfabb1ae9b8b9', class: "pattern" }, h("img", { key: '77fba1ebca5c78e7309c26f86f59e0c490548d75', src: patternSrc, alt: "" }))), h("div", { key: '94f0bbd0655ebf387eeae089a335797aa1d5b9d4', 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: 'bfac29cd3737726e60ceafafbf742b1875d598a6', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'dd3d40fafe524b706f3ae1b7097d1732cb33dce4', 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: '15f95322eb09c8f848a3db8664019e411f534021', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '963463d9972c2973bbbc1aa8383a0c45dc0f9b21', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '06afe182022c013d26c36ed2a77b6cbdf95fee90', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '594ad03f11c1d5cc62467d59a1da56f96270b572', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '0ac4e031009dd9b0fe89503cefb80ba8e6d09155', class: "content" }, h("div", { key: '2f2fd504c0c99ca4dd3852386adf21886de2a915', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'ad8356c80a7c0a9006662c547e8b5d16f0e8b961', 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: 'bc6788e375d996eaca88b961fd15b9f1897d6a45', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd9b88b5b94f2f3e510d62f9248af163e2b96851d' }, "10"))), this.showArrow && (h("svg", { key: '8e8086ca5520c4c2440593d83707196d314c32b1', 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: '501427fdbc237a40adb35198392cb389acc01b1b', 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: '8c866df01b6cee841f78284ea93f86b12600289d', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '7ff9c6e4138df2193989d6db213e9bbae21fb30a', slot: "label" }, this.label)))));
+        return (h("div", { key: '235205c7f78ea839c55f53ba71e9a31e4d15d626', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'a58c03c0b8137016341536f58383c0ef222fff93', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'c37d2d9cde01d1fd59e428110ff31e8b3d95518c', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '53a2507a75f25ce787b25c3e74c04c7288ba5734', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '2c7e228d477ee399e822dcd49428e1eff3c282b1', class: "content" }, h("div", { key: '3c7705d134b635036a71890f3a9af3d5d4abb74a', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '700d18f48c3e59841702c1de18059142d9ee4c85', 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: '52decb4b99b13f8bc2a4e502c4af3135038f28f6', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '29bfa866c45b0b7ba232c4d433d01e47f03aaaa7' }, "10"))), this.showArrow && (h("svg", { key: 'd951e6c70b225da7fd416217757a7879554ac06d', 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: 'edefc142770a7aee64108d4857d9186b1c73e7cd', 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: '4c632ffe7ec7fb60baccc27cf3404b348765f351', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '0d552ef5916b2388fc8c2f32b10ea5c4d7ae6f6b', 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: 'a4822372b2f35b5d6356fec53315e6aa0571f0d9', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'd14b9dc8baa141bafa2671be569c56e16110ae97', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '47208f7b7804c807047b4d3a9f1e3431a82396d6', 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: '92172b0e600ce7e24653c9e5741dffb774887b16', 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: 'c4d39c961fbbe5223cf71d4c2af0a5209d3f0e66', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '8d42f9ee085b7b12efe3b8dd6226abbf942d67d6', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bfab97e813af3daafb526970335f28605da41359', 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: '158b9a653fe8b1e8fd0d1c49555f006eeab8af89', 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: '0b070d03010aedd7d9772a0b0d4076e40b4c5416', 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: '52d0d152ddc85620a53f1aea118e81e6c2d8a18b', class: "tooltip-container" }, h("gb-tooltip", { key: '1816023f968aea14872c940aebf1f7ea474ef6bb', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '3f465e8922104bb3a7740f3bac963581511d0b75', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'c8dd72c8e7ed342fbed443b4974cd48009f9d7bf', class: "thumb-label" }, h("p", { key: 'e3a4ecdc8f1b68b228de1c5f94dbce6a91b925b4', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '133cdf328aadd74c3092b6ce0acf11cda3704dd8', 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: 'd731e52fe3d13dcf6fb949aaccc68d8bd74733a9', class: "tooltip-container" }, h("gb-tooltip", { key: 'c22d606487493e78c54bec03fa684474298a283d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'd4c4ba31b1d6b314404c27812f22e6582f1769cd', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'cd3bcb9d5e6f404cbc22a8e4587824f3b87cfc69', class: "thumb-label" }, h("p", { key: '104d61a13b7e47ba9885a887ced6f8bea340a0eb', 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: '97247b7dd72043b9704c43f7dccaf80a686d590a' }, this.statusIcon === 'online_indicator' && h("div", { key: '4d19b511609bcd9c5e8dbd8dca72a253d5527fb4', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'fb4a153272e4f99c0e37f233e743fd21209031ce', 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: '9072c5055a8d1ff022932f7dd2946cbe0229bfd6', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'a7a91e13c60f32a895b7363ddf41d6bf8ade1a47', 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: '02629e985e32d9a9087779ef00b5d44d1ab10e39', 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: '28d3506bab1c2dbde38fc552a07d8d117a5a937a' }, h("clipPath", { key: 'bf23a57fd10e479ffb02934aee3e43401506d243', id: "clip0_0_21453" }, h("rect", { key: 'ffe39444c4083fda6a9fe3716e6cf1ec3263ee6a', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '9cc7e2ab4f427f5a0086e40bbace369e0495ae09', 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: 'cfbc18f963e72226e7c89fc7ebcb9841b84274b3', 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: 'ced1760237546c50eeaa7781e4a344dbdc569988', "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: '2175360407f93b6bb4237d35ac4a847801ea5b06' }, this.statusIcon === 'online_indicator' && h("div", { key: 'b663e8688ea92bec3b36a4eb44197397c125f598', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'c41aacdf56109157cc4b6d0fb13587eb3dc0b5b4', 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: '6c032e32b0d293d1512b97842b860cfd0bf94ac5', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '7927989322c993e855ab287e4d8d15c687afa64e', 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: '12ee058f8f1baf38f3eac8fd08b1bd55c7295a2e', 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: '620824ee19f94d11f697f1beeb490e17d1721cd3' }, h("clipPath", { key: 'c651fadfd4e6daf95ab70545ec7bab2fb24c8f6d', id: "clip0_0_21453" }, h("rect", { key: '18d81696d7885dc201245b812234be6d0732ea2c', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '14ea5e33eced0656cf079e35012930ddbfdb7379', 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: 'd153cef6f4a1a75e1baebf7465cd190f8c44b76e', 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: '7e1e5a6cdb7532341082c78f94dab310077b7dc6', "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"; }

package/dist/collection/components/gb-step-base/gb-step-base.css CHANGED Viewed

@@ -2707,6 +2707,10 @@
   gap: var(--spacing-3);
 }
+.text_line_text.desktop{
+  white-space: nowrap;
+}
 .text_line_label.default.incomplete,
 .text_line_label.default.complete {
   color: var(--color-text, #4b5565);
@@ -2878,7 +2882,7 @@
 }
 .icon_left_connector.default.complete {
-  background-color: var(--color-border-selected, #075db2);
+  background-color: var(--color-border-success, #079455);
 }
 .icon_left_connector.incomplete.destructive,