globuswebcomponents 2.2.1 → 2.2.2

package/dist/cjs/gb-pagination.cjs.entry.js

@@ -81,10 +81,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: 'cebf69533b0053551c37cbbd8aa525a2399f8fbd', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.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() }, index.h("p", { key: '5ea09d8faf0135428042521e8be2e60abb6d9068' }, "Previous")), index.h("div", { key: '40254790b4645ccfbd8964d5f1922da0a2394409', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '3d18f14c64a053c7992bcccbc773d81e6ef75453', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '2a1c979603486d8e5e8c14db4070e8d11285f420', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '92f53cff6270e6ffe63bedaa617299d82ccf5ec4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '4b5f8efb498c19894d5b2ad4bbec9f2d46318ec7', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '573aab819dc968f4f3883b9835751f94857b83d0', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'c4b46a9500350e96737e0b21f6a9473c7de28f05', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '7b94d8f1241047f4fbc8873e491b793c7ecc83c7', shape: this.shape }, index.h("p", { key: 'f1e5caa79335ece571a57dcd61f68a0e8e585eda', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd4f3665aca4b9e62f92cef2fcc9525be2d933469', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '5f1b52e1a53b073653086890bb0fe279cc27e766', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '6fa78833f54950cbbef1142f621e9883d704d974', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '849c6ae1e1d12d6d3383a7e4cd159fdfeb4c41ee', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'dff4d6fc5354cb0956579304036bd25b9302199d', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '708dbfd95280de91a0e5d340f5cab789f1ef8bc4', slot: "page_number" }, this.internalTotalPages))))), index.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() }, index.h("p", { key: '51ff365bb199c0e9cf8b5398673de382e4ae3f52' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.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() }, index.h("p", { key: '586f01381cf9ba42c1510a6015c55202b18dc082' }, "Previous")), index.h("div", { key: 'bd9cca5fe6d05214e727bcf119ada05e03c0e3b5', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'bc0cc26f62be1d8186447eccf44aa6455447427f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '4f272f960716237e36d8452f69a4f00072e7a6ec', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'c4998ab43f5806759766e54ebbd93ce10c59099f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '3912b2b843a5ce839ffb22eed45d1efe85f4e128', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'b20101cf2afec938d8e8e1a2c615304fbcec89fc', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'd718be7f7d5c4b0fe6331511b2f90659ae26bd76', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b253bb35030b82aee63297b498763a421b2a3553', shape: this.shape }, index.h("p", { key: '0783a9679b3cfaaeb4eeb860a399bc923febfdad', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'db7d47dc897827dcebac733cef71a43fa4926adf', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '63e4be0e8dcf22d0135d1ff5843ab966b31cd722', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'b82c42609355500e3124c32d65d3cf69a2434508', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '633b352780bd45664cf2393dc5d809c2f265db3f', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'c62a3b6e7cc25d02d0a526fc1efb1da24f13f316', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '35f0464482cee10f9003b5becceeed5c62e54d61', slot: "page_number" }, this.internalTotalPages))))), index.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() }, index.h("p", { key: '2d96f4474f1289712006246566534cc5e7fcd624' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8e0d9862ab97ae9bea2919924eecb5ee070ab5e3', class: "pagination_entries" }, index.h("div", { key: '2098e652b17d4bef1b001abe29bbe9bb1d87ac5e', class: "entries_text" }, index.h("p", { key: 'dffb8d2f26e731407ec8e2c8a4111e872be1e8e7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'ff72f7fb56513b26279ac6902dcbf284d602fda1', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: '94f858df61c92da2f56e3482c93075848ec50225', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'de60b81c438959b3d94273109b71d22bd2769a9e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'f1add35b246cd8b0b455cc5a9528009d80d76548', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '113c4c1f6efd099fc2233227c41f5ca3e52efa5a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '4d6c23f6a6e254dddca5a578febee708ec963d28', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '6c6b2ded4826dc9ef59f0557769829a3e7db6b5d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'f4718e8e8f628ba9883cc7f6f56be1c7e70b2cd0', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b1f1c287dbb8bf969f1c377cf42b35ce042cfd15', shape: this.shape, state: "default" }, index.h("p", { key: '63dc762f75c712a030f2b7d3c167e4bf6b380b03', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd27f23651f2daa13b9118644f08da93725140d84', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'bccda76a20d5f7d33764b2e11bb460389a0c273b', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'c5f30a0443853df319930df7c3fecba1e804edfc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '6ce33760c8c8264d248201486fdd4527cff5be1e', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '6a50a627678757f29cc627589221521d4557e2e9', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '94754215f17ee2a40867fae3219ebd02f3f53fb3', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: 'e971c78fc50c69d28a24aaf869a2c740d987a1e0', class: "pagination_btns" }, index.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() }), index.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' && (index.h(index.Fragment, null, index.h("div", { key: '22e362875112d6fd75ac1f9b596607283b1a9d60', class: "pagination_entries" }, index.h("div", { key: '43580ab44d7af5995ea734e1b620d3b4860a0046', class: "entries_text" }, index.h("p", { key: '8edf95abe31f4bf6f950b87f232226530458b64d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '59f58d084c6b23036cea650fa60564de18f0dbf0', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: 'c1e7b9117f9a599927749577702f3b210aac542e', class: "page_number_text" }, index.h("p", { key: 'f854d70cae2133eb2b0cd565a6b3b61cb0096a0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: 'c82c721809885610bcc828284f45bcba51143c75', class: "pagination_btns" }, index.h("gb-button", { key: '8f1bfb5f73caed53f8de11c43466355bfd4d866c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3bb36178947a5f1f410fff96b782400edfc54c89' }, "Previous")), index.h("gb-button", { key: 'e8418abb41e92b11c158d12c18a6f2c6a1448bdf', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '0ffa126bdfec057929575916d943086b10257864' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9fd3363625df3be1f7ad8234087d77e1731461b3', class: "pagination_btns" }, index.h("gb-button", { key: '87a42a2750cf4d360bc1617900c467522ae57ab8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '4efb1bab4d831631877629ba2fc049ba866b0da0' }, "Previous")), index.h("gb-button", { key: '506df9a7025fbcf991fc56c3706a3183b6442f9f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '972269295e2eb880c41453d5b1613a76097ca6b9' }, "Next"))), index.h("div", { key: '68e3c541aa55c5594eeb1528110e02518f5e4d37', class: "page_number_text" }, index.h("p", { key: '7a83ca99cc55f87f59e4ed9302eddece5d2e2814', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '0b9e0be540d7eb5dd96a66d1adee73da487dbae1', class: "pagination_entries" }, index.h("div", { key: '82e41e64f488f7a4dba7ddbf2a5988a0366e3fea', class: "entries_text" }, index.h("p", { key: '1abff33909dddd3eeb946f1858b9c49ef851116b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '83834e945ef7ce1b07867df88e0d4ba8b4ac8013', class: `entries_dropdown` }, index.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' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'ce02df1ff5066cd8b19a25f8135677eb80e738a1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '4a03106f8a1b74129a069fece30bf91dbb552f8f' }, "Previous")), index.h("div", { key: 'e8911826658c6882a4089efa485c8e8ff56b2505', class: "page_number_text" }, index.h("p", { key: 'eab343908b4348e243e726cb4cd4f06674e2fa32', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'e129dfbc28d8c6ce48fb7218707d71ba41368880', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '51617a17a6aa14086aa832cd1b3dd079b082e181' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8c5354cfee37a116eff62962f9d5a97e250682c7', class: "pagination_entries" }, index.h("div", { key: '1454837f0bcefaae924fda3d611799c3c4344a7f', class: "entries_text" }, index.h("p", { key: 'eb630df4d9e088e473a44c53af3188843bbc4f02', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '4a951605220b79f68451ba2007fc5daa8a64dcba', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: '70c5541525262f095e7794b3e8d7ee66e4c0204b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e87d51ae67645e666e38d08a8b5ecc20a61edd0b', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'e81004f88f5272bc36757baf11e47950f4de3ef7' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '09a3d13fa05079b2348087f709b31d1a4bf49d83', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'a602ebb2d87264b02f46f9ebf504d27698ec8099' }, "1")), index.h("gb-pagination-button-group-base", { key: 'a1bd4a388eacd0c7cfe3854fb2843e0e77424597', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '54b5a3fa12954a7516faf78a92fa9e829132c5a5' }, "2")), index.h("gb-pagination-button-group-base", { key: 'beed2041284b7eaf47c4939c51be035a75f68bcb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '6998b1e634e6505aaa38093de75e65f4dda78c6a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'a0639cd183f4384938f89bd270853618c7a29402', icon: "false" }, index.h("p", { key: '7de1afec9781fd7c3ce415f789ce7695ca1a9fce' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b3944e7ff56ea364b74e86a669fe92eb4c8d9602', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '77c38262bf71f7833f74cc95f83d2523e87cc57d' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '0efe5b08596daf9942843cae7bfae0c28bd6321a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '1c58ec3a4871fd3c5a3dc2735ac2ce221597c82d' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '9fb360f8d66fc1df25ddb2b453c875086353e4b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'db590da706445b00022c1cc67f6953587a837858' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '8de8c54f747a2fcf7ef06265cc4a006f4015c4f6', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '1287fd30f58b5eceeb3df4c15387087c1560bdc7' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'b5804d34c8da2f9f24cbc2c9c6ce6ef102740589', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '3dde9b4315132f39dc1269a64c57fc03af8c3a41', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0f53b72f9eb4e3027cb8944f2bc9a6898f8981e3' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '807200c1e081e96145f9115da3baf7cecd1f8391', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '0d9d21955eff5c42453c0985ab11459965e05241' }, "1")), index.h("gb-pagination-button-group-base", { key: 'ceec305c0865adaabab5433230402f3cb8fa99e7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '6d7da31cd591fd659cacc34e48c014bd4793226d' }, "2")), index.h("gb-pagination-button-group-base", { key: '6dc835020cbd45cb12fad0aff7c47836f6c3a647', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'fb66c34576f875044cbbb0a39581ba9cf0697400' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b89fe7bd38ac15c309c08a466dbb429c07b05552', icon: "false" }, index.h("p", { key: '18e53b501e44dd132cdded1d08fcfedcda529471' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'bbd7bdbf265dbf556a5f6eba5a3945fc376707e6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '33ef7a76d925b971a8a22d899fd1aab6c125593f' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'fb1d4f826f187d357edccc8129869c1b5f268ba7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'ea263d9cc20e40c7367343f232e267174bf5cb5a' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd419f214f59d44e65facaca1dd210eef00ff6ac9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'c5583682a3ef304702ad42408b60253d88723e52' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '43821fb9a84b86e28d79def0a451b896dfa722d9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'a230c31ded2bee646746973044d0f6a553ccc38f' }, "Next"))), index.h("div", { key: '7ff55db84f370a41b5d2137c945a37ba160f3037', class: "pagination_entries" }, index.h("div", { key: '00e553bb8f4248e8414c847a2dd7c7d4675606c8', class: "entries_text" }, index.h("p", { key: '07e2b5735537dfee1d19653d41d75acdb73b26a1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'dee08cba1e5841157d7df024ba20a751fc3dda24', class: `entries_dropdown` }, index.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' && (index.h(index.Fragment, null, index.h("div", { key: '7e92711b33615da7deca23e2ef7d4c245879f81e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'd94e2f78b871be8d662abc5f5081796f9b3c02f9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '89afcdab8333e01c95d5028460e68e3bffb6f483' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'c665917c125ef265e40b14792c10bce08f131e17', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e6bb05fa6b9ef3ae39b846c184c8be7ad3908a26' }, "1")), index.h("gb-pagination-button-group-base", { key: '25a8e84c678e11c327493950861e7a4b8cebc963', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'db8f39e4fa2b0ff48587740189d361268bca60ef' }, "2")), index.h("gb-pagination-button-group-base", { key: '76743a2d0f6f9b9327a066c0347e8de238b0b1df', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '75e566250f0b2c86996665646401b022e43d6d5a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '696b1150eaf78faec48213d758e22108dad73707', icon: "false" }, index.h("p", { key: '909eaf1ce08334e645e2911b37fc60eb88bbc51d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c919b869bceb5adf3f7e75b146412f6682ab147b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'db6e81c9dcd6293ce4d6327eeadfe3bb7f3a04fd' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '08a048738b54633e7053ae00d82a86ddec632172', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '5733974fb6fa6bbce115fc885100f58413212023' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'eb695d2564317fc7dd6a7f30b8df70c7bcb6da8b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '37942e623387f44119aec7c33803830ae97f493f' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '40c159d03a45dc7c284707812891b50f0f1421b7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '784610d287d570efe48e8caf5898a6124cee0208' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '5735abf7ce90f096a6b27e0cca10b7ef26833ec1', class: "page_number_text" }, index.h("p", { key: 'e5f4ace0770a8a997a3a86fa6b9e9febf347bc62', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: 'f6049f7de09f97caaf48b4263054d99db31a7017', class: "page_number_text" }, index.h("p", { key: 'ed81b468e235a7e491b3bcfa503f1ec13c1fe4c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '755c8288d9e51170b0c6fcae3cdd4c059183f255', class: "page_number_text" }, index.h("p", { key: 'ba6cf5ec4bd69cd1750e60fdc96a84d3dc3d8cb6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '7f3f45402cae7d8c65375efcc68127d71f266fa2', class: "page_number_text" }, index.h("p", { key: 'b11d968eb18c0a270406e36435831bd2241efb33', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '65c3a9759a4b19b199802e72b8cf6dc3888dce72', class: "page_number_text" }, index.h("p", { key: '03aaf1daf783f22ee2bd44f2a0ca78a4382e6272', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '8cb87acd084f3c81014adb6ec60aa64b8af3dfc5', class: "page_number_text" }, index.h("p", { key: 'bbc1e00f6ebb3152d957f34d96e4cacb5b7f421c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h("div", { key: 'f34b33335026e5bf3e440e8de99d2c80d2e8c4f4', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '85e64d76a81773c4bd89f2cd113f2b026ece75d8', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '1ed6110a2fb326fd52180cc000d69946a7666772', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '28d5d9c81923526be2ba006ca3f2c996a785edf3' }, "1")), index.h("gb-pagination-button-group-base", { key: '73775ccb9f07a97308b284aa121e336fe70f0551', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2bcb111edf27dddfe82201f53fedab3ad729db2b' }, "2")), index.h("gb-pagination-button-group-base", { key: '8263d43f0a3d95272c169956fb2f5ea748b4bcd9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'dd41dcd9089a20c7cb2ba2f433320f3f0d12adb5' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'cabeccb3339316a99e3bcc877f221f1ff717d71b', icon: "false" }, index.h("p", { key: '51ccea73375f7aae116f041439219588c7588938' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '274fa7630fd15d9df74682e9997be7797469422a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '99a630a1bc8269488ad0f5af7911873b53f9aca0' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '9c43e4b7696b8918dcdda4ea9fc257d379ccd636', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '53b395feac157a916c5133327f12de4d32063c3c' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '98db63a7e14919f541fe8273185c97d00bc5f99c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'a0be99887a0f006f2b3a5be27c6285105a5dd40f' }, this.internalTotalPages)))), index.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' && (index.h("div", { key: 'c8d3026b03e62ff74a484fde2176f8b56864454f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '46dce87d817122ff405f73328e008c67e17bc67c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'cb10f4498c859ac91bd4e5459bbbe1bd7c884537', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '35de12d98afb376deb16a6337b15553fa55618a8' }, "1")), index.h("gb-pagination-button-group-base", { key: 'a1b82c8e5b69b52d0a96587de2ec4343209adfea', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '9530db62aed320d26f7d22c0018c9107f321698c' }, "2")), index.h("gb-pagination-button-group-base", { key: '9aea27fd82ea2e923fa18661db58414cc28aa997', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '7e389c571719097226730432d4643e291872e685' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0bcb1fb7ff0df904d665341299108f8e58971d06', icon: "false" }, index.h("p", { key: 'd6c1a6d4529d3c443407ded447d3edbf4ce685ed' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '6195af0823c0c95b8218130d8941488e7ab7c2f6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'af0d9c4b18f45d51ab17147143bad05afc67f6bd' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '413ad60d8f0103cddb869569c04054e9c1d727e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '3864cb689a34bf35ed84578e24b0e5cae1267b92' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd72815dfae3e371031c1af5e0c422575900e48a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'd06ed41b46252abe517d101aeff108ca314a2107' }, this.internalTotalPages)))), index.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' && (index.h("div", { key: '230b4c6cdb8c41c44b322777b60d7f85ba9dccef', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'ea18825cb52ed1ac2238eeaaa9724ece3582766e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '1f5e9ad758f6a6b6e2e5d5131dcafe4f2d2a0491', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'd1ca118c4cf90be7f303c202682f2bd602d7be06' }, "1")), index.h("gb-pagination-button-group-base", { key: '22b151c1995764a5d107b3b8c768b22ee4909d97', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '949fe7aee4b422638ad7abb95f1d97cd645b01a0' }, "2")), index.h("gb-pagination-button-group-base", { key: '5b3b3ac229d307aac4fdf8da1d8748e25d006909', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'aa2b5684ffc6bcf896f14cdf7ab783123988ccda' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c3dee2d7e76eafcb864d382e963a2414bcb5d974', icon: "false" }, index.h("p", { key: '9e08eb2f5f817114aad45a5af44ebb31359041f7' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '94dd3614f304e94de782acf182d77fe0728332b7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'ef87bb13960cf71cd0a59c1a70536abb684f9384' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a0e194803878def78ef749e1a740d92a953695f7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '203884c09bcfeb3b87b3cabcfca4751d5cf24e61' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'bfc0288fd7d99b00d15fc899b789d7d5d1846342', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '8690554fc35700d750cda8cc403bb4b85e3e12be' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '2d7c2abdcd17ed969c70ff309ee580541f7a1604', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '857c25c48350c76b1d805d3f199acf06ccf62ee6', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.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() }, index.h("p", { key: 'b56806c54c4be66083f9487fa74c260e0c528ee8' }, "Previous")), index.h("div", { key: '97d9b516b39a49dc4eee69f1e88dfb1f67d95a80', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '95376ca8d070d66b72d5970c6f5549a9a6106cf4', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '312e388be547cc369cbeeae203d2073429a2758c', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '45acdce776d1415697ba4bfd256055a6068fbb90', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '9acf45542a96c216ca7c7172dc230d810f07f95d', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'ef7ab97b071d54a3d16e0796c612a196f8b58c54', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'b83e9ac80fdf40289925cee3e518d2ec49ddcbe2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '3579efbd06dded0760d7c6465295bd5148f2c891', shape: this.shape }, index.h("p", { key: 'a3335b42926644f106bb23611b4406c515e1d01f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '8302d4f02c5c24bb405866540d321b0064df9b6d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'aaeddc340a74c4843254ea247c43d0d460b3d7d7', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'a3cfe965b709bab0401e84a07fd9134f9f73da89', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '42c48e61dfc94845f4115c88a9e2e479c39221f8', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'f87abd2f154ad62bed3cd2c6b1024e889b95d650', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '64512399c3855cf24f442f7851eccde4f1b66b11', slot: "page_number" }, this.internalTotalPages))))), index.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() }, index.h("p", { key: '84af87d287fce9294dd7dc7938c3626999a8a0e0' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.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() }, index.h("p", { key: '50af72be6314ab666bf0517b54602f3193de87e5' }, "Previous")), index.h("div", { key: 'e0569bb16f2eb7120c268c163cc5b0ecbe3143af', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '0b2ddebb34f3f8e132e14c98974604971165e405', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'e40489e05b0bcae6da12f3e1966674fb9bc76157', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '0a2f6cf1393d1062da4a280be3cd278733bb1595', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'bc10b762262d96ac661ab9020a81177f5ffba32f', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '72619f28b3d8d5292a8aa54757ef5e726668e21e', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '29669f47c543abb8efa86e8e7730f4ea594c06b8', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '40c09ff9af0a68f2631f493b97e240c7287ff261', shape: this.shape }, index.h("p", { key: '31846cc31eead32a1432b78dd0c70dfdbb6ed85e', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'c4b0ae3b567462f9897d4324fc4264186d58f156', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '4973c3b0876afc9001d3bc3ed65db8a1f6585a7b', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '37c1290ca3345a991b6283450a2db84c63db9b68', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '0a36f6e69ec760b8e45c6bed4106a3ebc3026c86', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '0aa9666ba578682caaa55d49bbc344d247b00691', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '406ac45a543828a06432aac67d5e1294cf0067ab', slot: "page_number" }, this.internalTotalPages))))), index.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() }, index.h("p", { key: '5b49b1ff0e41473c808ee8d6d250e29bd34557bc' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9ac46bbfe6e940732c2935858a43fc5b7f3b02b3', class: "pagination_entries" }, index.h("div", { key: 'a16eb063f55987dcb0e37024ffa4167288b9ce1c', class: "entries_text" }, index.h("p", { key: 'b5272106fdad10240eeca20ce47851fbe1b8b953', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '2ee70b46517df7edf76e7778dc3328e9c8dafb1a', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: 'd3b28918df26e97b11301ef556f95ec1c48057f7', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '71f4b08bb65e073f60642d4fbe2081e4b2426668', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '8c6b1b98512a6cb8d2f6d87d8f580aed8110984a', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '22576e565c9854da5a8156f69d51ed7ae6f817e7', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '7b71ae46ead1903e7311e81af272f3efe09fac7f', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '8e7741ddd0895ab8ae73c48a8358b3c6049bf906', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '8d8b5a3b7b49439d358a855542917cefa9a15e7e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '4a4c1d0fcfd8ccb213e26063b0d14dff16ade19f', shape: this.shape, state: "default" }, index.h("p", { key: '90f6d3c833bc607cbbec85a2acfedacdcec0f67f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '894c18be1195920478292f9049f919e7988964d5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'fceda99d1e896eeb1538be5d0cd79660d34c061c', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'e92bc35bff6d61bb9da7c082e6293a3063c4557a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'bb041ff7c7f608bfdda2f0e068e6ce236d020a6d', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '9c8ab1b5bec7c06bcc3cbb0ba8bc9b27f83f47ce', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'fa1cb25d22899e64e9301ad8776593eb26ccd79b', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: 'de58cf9228944a18578de15559b2a766fbfdabb8', class: "pagination_btns" }, index.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() }), index.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' && (index.h(index.Fragment, null, index.h("div", { key: '8d063079dbd3435ab150a923c44041ecb1b8f057', class: "pagination_entries" }, index.h("div", { key: 'aaa60eeba241c036e25c2b7c1681758432bd1179', class: "entries_text" }, index.h("p", { key: 'aa694429411f3d2fc9a04d9ba2a7ca34b2e39d22', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '0a0427952d9b57f8e5e0cd72fee186ac16332aea', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: '7c68a2718ecaac827e5b127305eb7f353846a010', class: "page_number_text" }, index.h("p", { key: '9c2b891e8cc1c93c87a0d0bd9b0639caf7bb2692', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: 'eda86074f5749ec676d6220b2541d552af6d7bac', class: "pagination_btns" }, index.h("gb-button", { key: '2cef7b7dacd3500220b0bb4bab644a69776d9b0f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '191b72232be08256bd26dac4adb6e473ba94339b' }, "Previous")), index.h("gb-button", { key: '809d671f861b3eb79b990f338f475e60526c3a8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '75a6096d363543e8fae9367bd18856b3af778649' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9eaeddbc02dc2ea09d16b5efb7d915a640fa7786', class: "pagination_btns" }, index.h("gb-button", { key: '58fd8e08a3f807543fac643b11d1717daa32f4c2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'c30d4158532e583b7c71f7867725c93c8c2260c8' }, "Previous")), index.h("gb-button", { key: 'e2ba5749ea5d7d154264e95071f5810c06c4ccbc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'bfffb5db648dcafa7244b18342091f7015828b7f' }, "Next"))), index.h("div", { key: '202d52cebad2bae889fbc075de43afac168ca0bf', class: "page_number_text" }, index.h("p", { key: 'c5db36f3627acb07b78414afb51fc2485a0f09f5', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '67d43a1196be78074696c496e632f8402c3a6501', class: "pagination_entries" }, index.h("div", { key: '8fcac42a8d19f971841ad8c2fc0ddd83858e5843', class: "entries_text" }, index.h("p", { key: '7b60c532075ae842614d153d98aad92888f22231', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'dc1dc471820851623d200391c4bcc6f0100f6527', class: `entries_dropdown` }, index.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' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3835171e6f9e6c338f54d6c617cb383a56d7db1f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5cd08a3773a45494ab8df40e6c2a297320cfad10' }, "Previous")), index.h("div", { key: 'a72ea63528a74a488d122d530512f36394ee7a51', class: "page_number_text" }, index.h("p", { key: '202fecacbf7fba1a2a2bcc2c613db67321120bd6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '34f56dd4e6ebea338b83b17b2e9b0056ae678368', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '158aa9b426a18d38ddbbbe1b156fe11e1b836797' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'bdede6b2802305c7409d4281f6dc5fd52ca46bf7', class: "pagination_entries" }, index.h("div", { key: '0b1c3122d81dfd59b9740a713b93198951ba531a', class: "entries_text" }, index.h("p", { key: 'f53a3b99ea9276f53d86fd04b2bfd3754abef476', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8bb2849b25928f714324157d6a81c822e98f915c', class: `entries_dropdown` }, index.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 }))), index.h("div", { key: '7cf1650d19d66b95460d23391748288f9081ad9b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '5c843b6eac9956eafc9b6472a4b4338d8c2ac7fd', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f77d4e9b5c75eeee3abb42eccda416585ae9d12b' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'a0894e335082849bfee4f45c32f2c2f3f538bdd2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '8d755649c0ecade3d2167ec39feeff54816eb5fd' }, "1")), index.h("gb-pagination-button-group-base", { key: '10ecfcbaf164ff820a327832f0fb70fed126b4e1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '936f30629f2a9182dbafefad191c17e4bb927bc6' }, "2")), index.h("gb-pagination-button-group-base", { key: '4f878c8f768dd39d401741e6284a5f88a25b4b29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'dfb402b8ef5817ac3a6a2319476c4db3d40e1b40' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '4c4a31c36439ca10a86d6d81e66bc0e9f652ac01', icon: "false" }, index.h("p", { key: 'f59701f4e41753840f75d2343e5311fa2e6bd3a4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '48438f5aa75fe1bbe67c6a325d6881ffed490ace', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'de1c6b502efac593fd20100ac7d370fa33a4e62a' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '91bbe552a6fac0859f805b8d23cad93ca7077f10', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'fe150f1dbe0fa4497bef8230d713cfc8054d87a3' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '4f5f2e52de000c756dc832dd098dd832fa37fefd', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'd41ad4796108b698ece7229209144b45a3e24324' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '7789d941c270bbbf1d7155d5bdef75f3f3a1165e', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fc6bfbfbc7de0d56d7ed3bcdf0a77613e63b1e38' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '02fd6f272fab6c773e5984f9850bdbacd214ff10', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e9f9ef54b2a0b719d9904634782fc8e2242e44c5', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f6e5c7b38c8767bcce8d59fe45435443e1a17778' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'c8d2c09b58e34929bc99ff513f9aed9b2c03f5d4', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '0c69d2fff577fbe8c48d306cbe1b654b62e065ae' }, "1")), index.h("gb-pagination-button-group-base", { key: 'c2562737861c2599727c14b9012b8e62b31989c4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'c24abc367518f209f6db73eaa035f554400c517d' }, "2")), index.h("gb-pagination-button-group-base", { key: 'f346833e57bc6457c33ac15783a7478d6b6c4bde', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '8b891c289ecf007d49a4eb8d32e3742e89169b08' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ece5303d058bcbea71474027e89b5cc9b8499d58', icon: "false" }, index.h("p", { key: 'd918ae82e05d172adc26a82a4074c563fd5783f4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '755b0b3dd65d3d67e38224be89f8551c84c22b77', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '9c4518bd5c8b9fe8012d7e0341525702ee7770a2' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '1bbb18c4cc4be8a1aed5177cf20f5f0e433e3de1', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'aeb39fa41439ddfa6cba387bcddc2461dcfe3ed0' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '87a702c6a51f556d939a0b0eb4ad7efcff16216e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '64d9bb39816de6f79e2d8b3a72685d9d172aeabc' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '84f779d35571298e7288937c6414e77003a1b5ba', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '294c90c2c08d7a598738fec7bfd209494b6c24a8' }, "Next"))), index.h("div", { key: '2eea1c6ce96b665537646fdf70a204e4ee254ba0', class: "pagination_entries" }, index.h("div", { key: '26bb8e4b3f336b39e72f9caceea6594e3ac65060', class: "entries_text" }, index.h("p", { key: '6c4c8f0db34420e01d55e71185e8282ead65868e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'b8f947d7452dbcb1af7bed5d830613bad6dd32d7', class: `entries_dropdown` }, index.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' && (index.h(index.Fragment, null, index.h("div", { key: '3f6f69a1fc0a98c2b65ff76caee1428515bfcb0c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '5695fab61296e5a332fa3ac62fa2b5c0d9760ecf', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '4e187783cc89384393ec94ecfa7a0311b98c8baf' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '3505064f14e9eeb5838cdcd304e9862349c8c424', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '12adc51ef92677c2655f2298317ab0502cd4cba7' }, "1")), index.h("gb-pagination-button-group-base", { key: '37156becd63ba68de8cd025a19bb7aaa72fc1da3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '8d36d1f5acccd893b657ff8be38e787efe065fd7' }, "2")), index.h("gb-pagination-button-group-base", { key: 'a72562ef9737ca789615822c71d96f352a9d7d1c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'e668c100f07a32ec8a1e1b1195d3fd2c3fe53672' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '86d35d32035d85d538608473a119b1d850a6ffff', icon: "false" }, index.h("p", { key: '59187ac0b47eb8c8d6575295fcc13e229708d61d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c1ab37d4b4776c58df82ae7ea0f48cacdd71c4fd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '8b757e4e2977b750ffdb05117e3866cd8b7484e9' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2b949557b7561b2786df38e955566aa988e8e0d7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'ec6881244c952c257bb73e018a2d3ba159e34c35' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '33604bf80254eef10bf817b50e3745eb966423e5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '101893b9c0ca6bffbe110c316bf50ebb852e6f93' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '68f7a4d88864662d12bb55e5f3f9335c03df1c3c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c5d89555d3086665918664f24cf136a61f353ba7' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: 'e288820c262eadf91e2e4ec27101555ec09401c9', class: "page_number_text" }, index.h("p", { key: '11f9e168746e58216c374e0804509423bea21381', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: 'e954f1febd48b6ad3f8792a3c6f3c932695c05b5', class: "page_number_text" }, index.h("p", { key: '2e0077591511f2a165748a247b33f4eedece56fb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '34327f00494c0bb6910c8421e4c0f8583d4b638c', class: "page_number_text" }, index.h("p", { key: 'e695c07257bf9404a37cd76e2e13ab1decc8f8d7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: 'acd35f63ce0d1829027bc789fbfc78d05c4b4b5b', class: "page_number_text" }, index.h("p", { key: 'b304b71681dae26b84b921518f71febb39504226', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: '2e3b9687bba3bbe6a1a7b5ba852031dac7eee1c9', class: "page_number_text" }, index.h("p", { key: '5e4b693a9851eb5f792032ae6fd94095e87be398', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h(index.Fragment, null, index.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() }), index.h("div", { key: 'efa445d3d1bf66c1f470b36d63dc40941e34b145', class: "page_number_text" }, index.h("p", { key: '0ade2b08ec9affc633037470c16d3530b72eed0b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.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' && (index.h("div", { key: '51501f6719650500765640c681bd0e65a7f57ff0', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'deb0cfc5a75bb4a9bffcb30f58a91956f97c4a02', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'e5411c1d973a28ec97b1320c152468c684ab9169', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '33c8e281e2b4c2c2a55f2c065d413c35b21d96c5' }, "1")), index.h("gb-pagination-button-group-base", { key: '9e1a2de189884a273f145879b94e566e3bdf28c8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '7496c0de719be5907b372343262591e7baa4bf5c' }, "2")), index.h("gb-pagination-button-group-base", { key: '81a84929dcef67c1117ef0d423e7893a02cc8589', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'cd76c0c1727f2b0bf592d01301bfcff6dfba9134' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '558e01eb5d58b9ad0862df63c33cbca22efdf16b', icon: "false" }, index.h("p", { key: '9ef5dec650c8db8ca1cf97f68ea17ade58cb9695' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c32f558f396cd0575af5c4e4378ff0f87f1f853c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '7ddcc4ea06ec70f86bebcbd382da057b1cd27b07' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'a44ac8bc0166f09d739edab6bccd7a7cc5eb04e8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'd9972fedb63f1534ef9bc4098c7187cfe21bdd9a' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'f0ae3d8d4905b20d84ebdc4d08759c5c6e4f5233', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '0943ebf4897cf54e26f0c5cd905bd05918d78375' }, this.internalTotalPages)))), index.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' && (index.h("div", { key: 'b10a8f7771c75da396b55213ac2fa58870c0982c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e1c975831adf429527b97f74150904317456c8f2', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '0e86563018b4f1a310dd1b4e1d8dec0f1375fc26', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '6ed3269b2f634246dd054bcf2bb05343be40eaee' }, "1")), index.h("gb-pagination-button-group-base", { key: 'b75954fa414a5e89662f5c78e7d4cdb2de44fbcc', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2bcfd6a0d454d766e39a11ed7fa6c325b73de175' }, "2")), index.h("gb-pagination-button-group-base", { key: '77637fa4b7f5899bb83d01b8745fbf2a13673352', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '26949a5a19d4f9a14f35a82b3110abe266677fb5' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '490ee87107a3fc0077083c9d837b63ced382b880', icon: "false" }, index.h("p", { key: '5325fce01553167ab1e4df104463153854edee14' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '54e0bdf819d861202005fb5c87fdcc7f2b161350', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '4f0166552e103c40a4710426e3c8b9528844519d' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '0ed924ce5e0739b36e80abbe40c7d59d3cc4f105', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '87221f2b8ecfc6286f458abe31b30ad9524ca417' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '12d1124527ef3c1e092e3525006c1be3839fa5a6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '411dc4a9b710c75f25acfae14e6fe435d42007fd' }, this.internalTotalPages)))), index.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' && (index.h("div", { key: '298ae07bead2c90330a0cb7ded74d53ec4f4b8d1', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '84914ce19f578d7885c30d91e9a4924278eefc83', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '3227d6f68c9e98df2c0ef2118ae64518541c37cc', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2c57b50c4eac5272f976c83ef91197f94bc42282' }, "1")), index.h("gb-pagination-button-group-base", { key: 'e7be59f116b21dc3177ee0886556d058f7d0be0c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '02f240e76274230aa0a830c31b07a7f1cee467ab' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e85cd7f5702f04bfa8bd2d366a95a23197e17850', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '370335b108a1d233d465f2149a71f117353c402b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '11be03031cd92e6c2068f970b7cc701dfc14d24c', icon: "false" }, index.h("p", { key: '25adae5b5056e1bdc29e3d8710aea89f310c87c5' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'd3be9152c7ba8f23c86c266b5ac06e4e315942ff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '5d0a5e14433b1bff01ddc35ab5f705ec0437d864' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2f5c78928edec1561f13a849f3897dde98bad06d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '6121184de6a936903a067d7eaac5ada414776827' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd37df2bf896929868eb7661bc49fb0b0a51472e1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '8fa9d6de710e329434c5a186cb8b28ef7f97cc57' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '064c842fbb7626d6465180590c1f23ac4752daa8', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]

package/dist/cjs/gb-progress-circle.cjs.entry.js

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '17934b4ad8a3cb74d03e4c2a4975f9824dd52024', class: "gauge" }, index.h("div", { key: '74cc638bc69d82d4b7e544baf6f0368b4991908a', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '9cf89290e6f4377c35b8d734f109fd5ab2e56b65', class: "mask" }), this.label && (index.h("div", { key: '18fc9fda5284dc53f20ce651079087ce23be8c72', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'e0ae2e261f8e697a1c855b536424f869415db0f5', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'cbd2b4f297e2f40baac07a19477c595e628b0d69', class: "gauge" }, index.h("div", { key: '60b76b2c0aa2a9d5335cc1584ffa23f2da9d200c', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '69db28c8a2077b4870c4d7f84490bdcbfa04cca9', class: "mask" }), this.label && (index.h("div", { key: '6b60cab5eb13a310ed892c5859f1e62621a0d678', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '14748ce346b24476b2c577ee6be1a936293d2c9e', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-quick-action-card.cjs.entry.js

@@ -11,7 +11,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (index.h("div", { key: 'fe573e91fc4e551aa942da5e4280d38472508c19', class: "quick_action_div" }, index.h("gb-card-icon", { key: 'b68aabf038571f2540a0fb01504ab2265dc5dd45', color: this.color, icon: this.icon }), index.h("p", { key: 'f6d346b41eac90191629d2222b7a326b340e716a', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: '6d328ffcadb86642fd07b4c61b0c7fd4d85464a8', class: "quick_action_div" }, index.h("gb-card-icon", { key: '744e1ea523a628d6055704f81a60c40d500dd51e', color: this.color, icon: this.icon }), index.h("p", { key: '4de693b3d826306fb2a46218a96e15a5239f0073', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

package/dist/cjs/gb-quick-action-icon.cjs.entry.js

@@ -12,7 +12,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (index.h("div", { key: 'c29d6a41d5a3247035368d59cdb36e990f96df6e', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: 'c7c5bfda5aa1b6009a94c78886ad58f53297e00d', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '39560712639e4f8b50777a86228dfe294b2f9c46', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: '7174bb84cb7fbb1e45c9767c48fda8eb601fe5ba', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: '51541f4024c2d25077da7a5ed7c0f2534501f9f5', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '1188109437218b59b3753c762f7e267a8a125782', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

package/dist/cjs/gb-scrollbar.cjs.entry.js

@@ -11,7 +11,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: 'f82f3a7f8347403b0fdf19a8e742cc4546054b65', class: "scrollbar-container" }, index.h("div", { key: '470c3002394ff1248a81625c164fa287853c9124', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'b3606961eae8567c548906738903692e9df577d5' }))));
+        return (index.h("div", { key: 'ba69e30ea62fe179c1cc445971e8af3ca32d9a1e', class: "scrollbar-container" }, index.h("div", { key: 'd22064f47d9c47f3a8f6c12f957d2e78e256fc0f', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '910bdc4d8fdcca337ee41daabdef5fdf4c427152' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

package/dist/cjs/gb-sidebar.cjs.entry.js

@@ -108,7 +108,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '6e09a87383c131bee790ea3319171dbac5e99b53', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '4fcbec841aa0995669de760c000d834e81a96ec9', class: "pattern" }, index.h("img", { key: '5a788928680782e7990da7a29d58ef540fe3e33f', src: patternSrc, alt: "" }))), index.h("div", { key: '8070ab6fae5ab6dabde2b99b3bc5449ab8dee58d', class: "nav" }, index.h("div", { key: '5ce3d87ba33a7c2a5cc4c9aa6b6ae182dd3d5399', class: `sidebar_header ${this.state}` }, index.h("div", { key: '93561420c07a0d7a8c2dff4fd323e4b1817d5c6f', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '6d9ff99e341cc36c726507500ad07efcc5911f94', src: logoSrc, alt: "" })), index.h("div", { key: 'bfe8cf6111c7474f31ec9bc4faeae4f5db434bfe', class: `collapse_button ${this.state}` }, index.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()) }))), index.h("div", { key: 'e0ae78bb4965587b889363d659d1d1723c30fb1a', class: "navigation" }, index.h("div", { key: '0bf1288758f084f71a663371cda96dedac49f1e4', class: "item" }, index.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 }), index.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 && (index.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 && (index.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 && (index.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 && (index.h("div", { key: 'f7cd45a544ab56024fda69fe4619f8cd26360459', class: "navigation" }, index.h("div", { key: 'fbc57451b3d76afdaa74710f33ad461344d3f2dc', class: "item" }, this.sixthItemLabel && (index.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 && (index.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 && (index.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 && (index.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 && (index.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' && (index.h("div", { key: '344a9c053168b2d171402d67734c7f587c0e65c2', class: "application_name" }, index.h("div", { key: 'cf0394578c56d5c2d193a09d1fa181600954ab14', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: 'a4622fad83e88172192ab07bcbd65e10e6afd45b', class: "application_name_pattern" }, index.h("img", { key: '60a741ba92da3e83e104eb2e1f9483926bd6c76a', src: patternSrc, alt: "" }))), index.h("div", { key: '83151a7397f6efe24368cb3bdd71807fee80d31a', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '3e8f0be5b25d89d253eff4e67881c628852b23f0', class: textClass }, index.h("slot", { key: 'cb222e6a4a4e713e732f6015761cf0263b58ef3a', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'a88754daa437a7ff49b142c7e4fe888adf3c4d7f', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'de0c9a0f353bfd5ca69c6ff9969abcf23c2b4424', class: "nav_div" }, index.h("div", { key: '7554ccdc70e665009cc9f6774686add81d71feb9', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'be7fd8964ac92299fbd34adc66887bfa3069f837', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '655ecafcf865fde0eeb1bcb9498d3ee45a32234e', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '67e722884b3e4519af58452b6c4e5fd2be7421a8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '34d1fc70513a5975f347e91815dc7a1cf9f915b9', class: "complex_sidebar_div" }, index.h("div", { key: '292fb8e5409c27aac82e974b629636e9063ae521', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '15302dcc9893a52a8ea03355ea6f924da67a2b02', class: "pattern" }, index.h("img", { key: 'd54b52d9b305b09b6a6ffb8cad9bb7f36d40038f', src: patternSrc, alt: "" }))), index.h("div", { key: '1af7b4f7908a7ecdf3b86c1127d7c0cf66243a75', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: '6a399c31823c87d062a3585b84d000edb4fd1156', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'e7ca9a05950ecda150573aed161e5bc8264deadc', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '3e08a7a52af07e57b2647aec5931db7284257cfc', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '5a760c39b63e81c4b9ee372a3e320ad7b6585f4b', class: "pattern" }, index.h("img", { key: '19498c75e328fc422b4a134d9c40d8883f766199', src: patternSrc, alt: "" }))), index.h("div", { key: 'e12b6b8faadc581de0969b2c55211411df601ddb', class: "nav" }, index.h("div", { key: 'e4d0ac18ac74bc9e3c54c4be06dc097fef85efeb', class: `sidebar_header ${this.state}` }, index.h("div", { key: '33d6b6bf20c15f918231aab3178d98bdffe9be7b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '041349e36c5c164690540d1e69686d7b602b8dc6', src: logoSrc, alt: "" })), index.h("div", { key: 'b905f745f5e1068a3153701b1d476fab1ed46daa', class: `collapse_button ${this.state}` }, index.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()) }))), index.h("div", { key: '9e504ff6f6e7e4109a5949746c536c11fb4d4f5c', class: "navigation" }, index.h("div", { key: '28a66c7922528e5d7cb0d28b146164cf9abb6d80', class: "item" }, index.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 }), index.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 && (index.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 && (index.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 && (index.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 && (index.h("div", { key: '102a9faf88794bd808dba8ff23889456ad32fe2e', class: "navigation" }, index.h("div", { key: '0a6f97d2260254ee67bb7b874b9cd3214d6db154', class: "item" }, this.sixthItemLabel && (index.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 && (index.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 && (index.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 && (index.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 && (index.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' && (index.h("div", { key: 'cf434cb4474bd591050e74372e1ca6f74a127719', class: "application_name" }, index.h("div", { key: '8530c5774c50aa8dcd46bf9bc889f02431922699', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8818a2465c7539121a888b16866bb140f6686456', class: "application_name_pattern" }, index.h("img", { key: 'a43735c68fab35fc669ae76eeaeee1c6b530ec32', src: patternSrc, alt: "" }))), index.h("div", { key: '6730c822eae899d527c272084bb8182e8606cfe4', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '034e779c12fb12331ce96df42d2ac3b4b2a6b22c', class: textClass }, index.h("slot", { key: '805e53bb0c9072a4ce0fda8ccdf7547b5a507ac7', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: '97d6de18499e796d1f06fcb8787bd2d2df7cf2e2', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'a2bba9212f617e3adb9e00544929af99e40bc599', class: "nav_div" }, index.h("div", { key: 'cc559f8e4afef415db2731d5b7c170d3508553c5', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '699c526a2a9c255ed2b9a56ac55cb5446e747ad3', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '39622d50804772d58df4601fd8783213d32fbf35', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'c070dc845275347256652a099bae74e53d702712', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '96642fa66cf939994be33ad05093207ca518caa6', class: "complex_sidebar_div" }, index.h("div", { key: '1e08938fa9fbca2cb6ecc010c714e5a02deef9bb', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'c8a4e51520f00ee4f00dfb17dcebfabb1ae9b8b9', class: "pattern" }, index.h("img", { key: '77fba1ebca5c78e7309c26f86f59e0c490548d75', src: patternSrc, alt: "" }))), index.h("div", { key: '94f0bbd0655ebf387eeae089a335797aa1d5b9d4', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: 'bfac29cd3737726e60ceafafbf742b1875d598a6', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'dd3d40fafe524b706f3ae1b7097d1732cb33dce4', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-slider-control-handle.cjs.entry.js

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.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' && (index.h("div", { key: '52d0d152ddc85620a53f1aea118e81e6c2d8a18b', class: "tooltip-container" }, index.h("gb-tooltip", { key: '1816023f968aea14872c940aebf1f7ea474ef6bb', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '3f465e8922104bb3a7740f3bac963581511d0b75', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'c8dd72c8e7ed342fbed443b4974cd48009f9d7bf', class: "thumb-label" }, index.h("p", { key: 'e3a4ecdc8f1b68b228de1c5f94dbce6a91b925b4', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.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' && (index.h("div", { key: 'd731e52fe3d13dcf6fb949aaccc68d8bd74733a9', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'c22d606487493e78c54bec03fa684474298a283d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'd4c4ba31b1d6b314404c27812f22e6582f1769cd', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'cd3bcb9d5e6f404cbc22a8e4587824f3b87cfc69', class: "thumb-label" }, index.h("p", { key: '104d61a13b7e47ba9885a887ced6f8bea340a0eb', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

package/dist/cjs/gb-slider.cjs.entry.js

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: 'a4822372b2f35b5d6356fec53315e6aa0571f0d9', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'd14b9dc8baa141bafa2671be569c56e16110ae97', class: "track", ref: el => (this.trackEl = el) }), index.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') }), index.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 (index.h("div", { key: 'c4d39c961fbbe5223cf71d4c2af0a5209d3f0e66', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '8d42f9ee085b7b12efe3b8dd6226abbf942d67d6', class: "track", ref: el => (this.trackEl = el) }), index.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') }), index.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') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js

@@ -47,7 +47,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: '8ef3ed2f540e32459f55b1bf6d583e2573d5cce6', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (index.h("div", { key: '6a786a75a71ef8499c0cd51dbfa69aaa46b01a30', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js

@@ -38,7 +38,7 @@ const GbstepperVerticalIconsWithText = class {
         this.stepClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: 'd107dfa18be1bdf521a1b51d07b9071ab3d540d8', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
+        return (index.h("div", { key: '9f63e70bdf8c0f0f2bc894d0f1b0de22de2c82db', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/cjs/gb-tab-button-base.cjs.entry.js

@@ -47,11 +47,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '34be43b8efdeb58d8155face3ac4af6d7c4ecc2f', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: 'af4a1702a26876a4c2af082bdf4183f1c93393ba', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '1263ee5f5b0a17eac836af60eafcb6768d53db0e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '71408630cec8590d7e9a21d3606bc49801790a35', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '4906a16848070c4b0f2bf39c7eaf242623a5a741', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '07701728e16f980dfd591c412c563f493dbbec1f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -60,7 +60,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, index.h("slot", { key: '7cd11ad5d9ab361dc5a1a6a2a20218d17aa82614', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: '1e843025e5fae4137f54830e102646be85b64208', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '18cda52b68f514996bcdb78153edf537c4f86e91', class: "table_cell_div" }));
+        return (index.h("div", { key: '708ee4812fb45f8feb609598ded940c2253ff625', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/cjs/gb-table-header.cjs.entry.js

@@ -60,7 +60,7 @@ const GbTableHeader = class {
         this.layoutButtonClicked.emit(layout.detail);
     }
     render() {
-        return (index.h("div", { key: 'f7ff615fb56cfc63d28ebe7298f3cf39a45c2567', class: "table_header_div" }, index.h("div", { key: 'a48558b3a56bf4d4c121a63023c4b5278e1efb0d', class: "table_header_content" }, this.tableHeading && index.h("p", { key: '407e52d49ec6ca94b32e7198360e08c61f3597eb', class: "text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: '67333a518344ec866ef9b8396ccb5c10d6226442', class: "actions" }, this.showSearch && (index.h("div", { key: 'd7153b126fcc6dbf06c2a46b1be80d255b5d5d00', class: "input_field" }, index.h("gb-input-field", { key: '850de6da9c2a5c1358a04dfb3e7d4b88b5fde643', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '659aff878a1b1cb1cc283d2791ca15b2f4e795c4', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: '5938c21796b6344daba70f171abea8ca8cc37926', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: '97e09dfb78bb849a69eb4b57bbae9ab4a3ec7db9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '6009d0cc583696bf530e530a5cae8e72a8a0627d' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: '10e46aa92155a8e4c169ddab6b2effab9865d856', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '5440579fe1da02931e7f1892a55220ce60e4dc66', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: 'c8d8ac99115cba74214d46f112b6746854f86c6d', class: "export" }, index.h("gb-button", { key: 'fdb95243097a5cb63aa3d13ba796fa925bee8a27', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: 'e916d98b768f4ee47914e91b08b522ca49c82aba' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: '4e2f1a35b153169a08751172ec5eaa0305c769d8', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (index.h("div", { key: 'e1701e7762b8cf4d480861470996ad4e9f217b0a', class: "refresh_button" }, index.h("gb-button", { key: '0509d41e3c49c7acfe4ea1e12e854fd518762185', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (index.h("div", { key: '2a34efe6f2c0fbc9942c008096a0226b7ccc71aa', class: "table_header_div" }, index.h("div", { key: '392f77318718d5cd91065868f168c06d80fb30fb', class: "table_header_content" }, this.tableHeading && index.h("p", { key: '245ffc7dec84db2bc3684e570bc45a022ff7ddba', class: "text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: '2d894a62dc08532420c9eb90d7e279daaacbb21b', class: "actions" }, this.showSearch && (index.h("div", { key: '0f47e39c1a9704faa71d9678410f79bc93902e0b', class: "input_field" }, index.h("gb-input-field", { key: '19c239a6aa1bfa8a4205b6cd2e3a2377d1bf1985', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: 'ccc4ed4bf1c1e5174273eddb5562804638d0fb16', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: 'f765412156eece81eedfb2258e00ca12c0776003', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: 'cdd9caf925ae9199e9f016de43d3a75801674199', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '10a43933e3b58bd7b8fdd9ab16ce767f4092be9b' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: '7e06d30d27457314c84a765812d5a162163288b3', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: 'c889145dde5665b16c45ea79e772e299627a0741', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '825c2820c839025fc0e65fdec7f28096dec7f081', class: "export" }, index.h("gb-button", { key: 'ce4368ceeb469572efc247d4c99fc20d5c0d0bdd', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '4291642c72400f79d7dd6b36039da3298e9d881f' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: '4958d88c3994eee68b13ac6e3900ce5479e97429', "show-entire-data": this.showEntireData, onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" })))), this.showRefreshButton && (index.h("div", { key: '230b75fad9b91fb4c70ef30009c36a6ada2957d4', class: "refresh_button" }, index.h("gb-button", { key: '94a9cc865946a74acf5b4d2ccb0738607578da39', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
 };
 GbTableHeader.style = gbTableHeaderCss;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js

@@ -193,14 +193,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0866bbc9c09e77315ce46f5f305339926acfd48a', class: "textarea_container" }, index.h("div", { key: '086f48fa064a5f1d2cf90c83a26620a95bd51cf5', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'f13124e869f095684911b8a913540167ed2c119e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '2a99a46d34f40f2b8a6f049552c662d101a2f981', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'd2d48d15b01f29ebe2e9fac3f358c1e980665680', class: "textarea_tags" }, index.h("div", { key: '8c3ed6812fc2ecbf2cc2a610aa41053649cf5a40', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '9f66aed63f57c6ec417b2114c9e8907f85fb1130', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: '4dbafa4c41ef61f1e59c15f2c15c7cb11b285786', class: "textarea_container" }, index.h("div", { key: '5baf9bf9d73faf28380c3a47e3687295ef21cc73', class: "input_with_label" }, this.showLabel && index.h("p", { key: '96099fc0aa6c756bd691d3047653af583753e78b', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: 'eeae81df53f5598dc7476e34084021f1e0156f46', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'fa85a3d8a33aa142e9622e0a3569430a4a17ebfa', class: "textarea_tags" }, index.h("div", { key: '4845585d46e07fd87fc06f7c7884f80ee828cf0e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'e862c52a0675cda40874d351c8faae4781d7825a', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '3ea59361073388582082c5a8a19eec9c2426abde', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'c8d456920e458f0f8ca55cfd6c94589f96cf24bf', class: "input_field" }, index.h("input", { key: '8102429a04da1d6c05e7e924f850e4a9b636cf3a', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '072bdd1faa641aedee3f877150fd90cc1f7b5778', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '80f1ad69bbf64da67e22dd1ba94df24c86c3b2f7', class: "input_field" }, index.h("input", { key: 'f8fcac8ec87ee02362ac8c5bc806930f44d68a0e', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '80143c20d85cdf96837397f1bf3d2da64ade0da0', class: "help_icon" }, index.h("svg", { key: '916ffce2c1dcbf7dbb0b468a8516f9d9208ade74', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '47121f72b98c8b7bffde9a861c253913b69137a0', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '151f92add10f11832588e99bebe6aa6e8998e31d', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '2564bb1b2e1e1928ff5c7b54f8a44e3c74ead669', class: "help_icon" }, index.h("svg", { key: '3423e5bc2fb51458e471dd22f168beb5d8fd16f2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '30287b53edcf857546e5d51db4ffb53b72ded559', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '1c7c3b59eed8f344fa0173bab4489d62b6692b3b', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: '988c6eec09487fc3a6bf59846ba2be870e0be016', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'fc10ba34cf901981932d2c9c704d0dc4ab94fdd6', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js

@@ -13,7 +13,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '80df69aad2acb4e4d66c2725bede75369fe61a42', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '0567d4fdb3423e897bfcec6d75d030eff73caaf7' })));
+        return (index.h("div", { key: 'ed52f363505468d0bd98703dc9b73a6ebfc35d87', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '01350ec203039e133752b203add694cdb31174ed' })));
     }
     get el() { return index.getElement(this); }
 };