npm - globuswebcomponents - Versions diffs - 2.0.9 → 2.1.0 - Mend

globuswebcomponents 2.0.9 → 2.1.0

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

Files changed (459) hide show

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

@@ -81,10 +81,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: 'b1723e6441ab770bfc5cf97e7eae8673a474d3b5', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '597be3913a963aac4234e8a688329206fff33c82', 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: '5ee7d0276319460ee52966edaafd8978b215ffe8' }, "Previous")), index.h("div", { key: 'b57a432d8ced496346d8c299bb7824c919a278fd', 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: '776e731bf8db4c1f4baef6315b29a64fcd16f606', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '60bcd13c5aae58b3650ae49024cd961511742270', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '4f438ac6be440336f6e5cf5f683a6e415e7e4458', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '8dfef2b86f06d4f072d5136eadc836b5bdb686c8', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '5ff9b56266588881b4a93594f9a0d70eb9701581', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '15a67fbaf37d4e1a0e36b50a83d61a6f10c4c1f3', 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: '03ab5cadaeac06aaeb64df88a641e08c9e2d473b', shape: this.shape }, index.h("p", { key: '2a615d4699f9f4637c8b5325a83ec7b556b052fa', 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: 'df285dc7f5eb5adccc098e5b4b9276fda77ddd59', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '598a6fa9be0469ae3dec7dbe9a75caec8d8bdbb0', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '6f1489e1ae5e8d8b8de0fa84710dcc8094a52511', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '8154cbca3b1476639a8dfb1cfdbc1e605a8b3695', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '6509de2d9e738d94c4a6ebe6a221610faadd7087', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '73969ea2d39a59a899ee21317f212c5837c8c18a', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '50395629133d7636b286074f43950b466b753769', 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: 'c4dd378048d4c3797c3dc7456f31b1dd1212935b' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '1cb2e9c01b4bf2867c23cffd40f7516abf27b163', 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: '392de3046ca4ef646025da45f3e9bc582509f7f7' }, "Previous")), index.h("div", { key: 'bbfaf51296055f11137b96a243c0251731dca93a', 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: 'bbb8a20f1707ba3e02c8dce92af89cd41ea84cef', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'f9c74b7df142b5f1704c9cb035f9d8642d1b5fbb', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'f87b97c68c58648c7c2ed02f2eb29986822f8189', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '1ad196890e4983996f20bbd19c7ea1a9d649c72d', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '437845ea739621bcad6e465cacd0de400a6dadee', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '83079de7d5dc40deb658bd462a0eed2dbd055882', 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: '5bf6b5a4827d87ba0442001df3abb78e0724dd4f', shape: this.shape }, index.h("p", { key: '09d0cda00234a9427786670c148d86bfb44dd843', 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: '58a103c05af30ee07bd50fe7bcd8729819bf22e8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'a8df37a9bbf0801916ca7d52b17722a7f5bbd749', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '6a22d10d06518a6e164a05f97c7ca249bdd9d837', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '4ef76d85322cf1058f17cd68ca7d77788f20c86b', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '8fd8e8140ed6565103450734586a82e13e701c41', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'ae46ee61450e928f7c9910828bd169e1407e3015', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '2b76e79b64a921f2dc59dd175886f6451886b7d8', 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: '1ba06ccbb5ec293d4939b39e30a9f39511826e02' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'f3f918df16c53a4238e29d412c53effcaf7b3ec0', class: "pagination_entries" }, index.h("div", { key: 'd6b4f716de7daa2dcea86cbcbd93fa1005ac644b', class: "entries_text" }, index.h("p", { key: 'eb0043a53586abdfa00d34400ddd3e72efd2cf05', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f95f760aba65e5a94b35354854e311b99434bc86', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '2dce9b090fba6a340ca2112480b6e3a133833f90', 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: '2fdb5b6fed3b2082ce1efad9c2786ab8a22c975f', 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: '1b2106a7f6a42e710b18f4a96460698eb6fd2a68', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '138716cde705293efce40824af1fb13a1f76d10c', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'c98fa4bfd1d74b3e61bcaf7fb923fd2fd3f9823c', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '77fa90ba805261e52d6c32871a358af05dfd1ba8', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '6d6c2292cef4db891f5df7041be4cc0d9ffebfd2', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'deb2d9234c8c5cf86b1c12c859b2e51a9b0cac2c', 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: 'fe537fa61004eab6edb804775599823d7f9f1867', shape: this.shape, state: "default" }, index.h("p", { key: 'b62cadc0febf48bad9e92294a881e9d3342420c8', 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: '280c0a21e0b0ba694fdc9300eb25844181269158', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '1f2687f65ec41ab516f278b084098c88ac6cbc2f', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '4f4864c9b08a66b7a2c4fd16353a520383997a5d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'e5efbc526d095c63bfd2c27219ffb3e2bbffe45e', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'ab04fefc4e21e854118dd7f738727a0b0e9014c7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '2eaf7ede524ed07e6167b7eb9a98c2ddf9033280', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: 'b1888e22c0ab26dfbe9ea39effee11ab53156644', class: "pagination_btns" }, index.h("gb-button", { key: 'bdac8e9171b602e9478b2ababd17cc50cec813c5', 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: '6ef884ed026d495aeec6e1159209e6b6b9a4d364', 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: '50c08cdfd2e08beda393e7512f31ee265d77fc04', class: "pagination_entries" }, index.h("div", { key: 'bb9d93a417920ac613eedc60833d7fb2c01bc519', class: "entries_text" }, index.h("p", { key: 'e6cf3b9713a60356163261f3ae64ca2ae10b5880', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a22ce965d4ffbc84aeae5773ffa052d790ac795d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '55850369cff8b95ffbe5a8ea143ca92c381f6e36', 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: '3dd0a485fc4477fb84a4054814e281036ef64986', class: "page_number_text" }, index.h("p", { key: 'e4cc5b0149aa3efd1945285e9581b868c037988e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '3d43c781db709f389da1086594a513de994fa5ba', class: "pagination_btns" }, index.h("gb-button", { key: '21de87acabfa2157b7a7ba6c07bd480651f8c3e3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '842f002d190aeca5bb45aa66bd81a6c288fa1820' }, "Previous")), index.h("gb-button", { key: 'dc5823837c375f290f32797f086425a15d1a17e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '447eea6b0a416963b85768ccadbffdd68ee10ab7' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8331b8798c3d79457289ef3cd1508f475205a28f', class: "pagination_btns" }, index.h("gb-button", { key: 'c77010c8de2d57fb53d8015718099f58c00379a4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ca9a6d407a1a5e079f44bbf3dc5ca9906fdceafb' }, "Previous")), index.h("gb-button", { key: 'b145654b12e4bb76d9d1d057eac1296fd7258c46', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'a7898191f6f7586e9c13ab7950b239b2a757e694' }, "Next"))), index.h("div", { key: '5cf2c11a403a5cc75ac5403c6de45532e3d24a30', class: "page_number_text" }, index.h("p", { key: '813c889d65fcf6ac586034520d80cf1f54a8728e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: 'e0307ed9a53220797443a0ecbfe7bed6c77166b9', class: "pagination_entries" }, index.h("div", { key: 'b587d5a25a4aff1a99d3cebc15a40a5c76b09db5', class: "entries_text" }, index.h("p", { key: 'f5701dc8416ef96acd841ed4e1366b1413bbe71c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '4df8ba4b876bf18b60e388aa0b2e545e413b7bbf', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'd29984b06c4f324018d2fc7195793dcb5e12c7ff', 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: 'cf585e179ba0b4d85b03728f3e21a49baa192529', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ea0b052bd2d18ea4ca420968c7b531d44a3f2b3e' }, "Previous")), index.h("div", { key: '7786247492d13cde0f81d6f9eacb516e44bc0a92', class: "page_number_text" }, index.h("p", { key: '54cc03d110351b5eff0c95737d9bf941b8520ebd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'd39351c42325b93f95db581339b7f80aecff05b2', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'f1adc43717414109d4c6117b6792c650c68c4d9e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '02f23f649a93f6edf46bdc8034940dec859513ed', class: "pagination_entries" }, index.h("div", { key: 'e033a47c6f12dfe29ba77d260abb62bdf30369f8', class: "entries_text" }, index.h("p", { key: 'e53d975228ecc67d79ff9ced6ae7a9532d03142d', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'fdd0f8aa73ae1e24638edf4ef7660628469d369a', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'abdb51816795a8b13561991554aa90d63f8ddbe1', 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: '48073ec1983f0365ce2a3d87b3e7e47b6278aa0e', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '20a94f7f3d36b550d8bb70f69b3076706acc78d6', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '3eace81d5b31d1375a2943cbe3c4fc3b14b27d5b' }, "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: '8269b807d71d800e3eb2d221d11f68a5f2f97913', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'fa1f93088db04d836a0cd97f0d2250b645ace065' }, "1")), index.h("gb-pagination-button-group-base", { key: '10be206d5a97a361916eee527657f249b7e0434b', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '27190243e7b6b1959cadae6c80abccb2761bba63' }, "2")), index.h("gb-pagination-button-group-base", { key: 'bebf44f4533a4be29b1d46b0f0adb4fd0c283e6d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'a0dcea0281f1bad97ecf263cc272a2b0684136f6' }, "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: 'b5d74ecd74bf428249014c3a87d33edd06d9a56e', icon: "false" }, index.h("p", { key: '88ecd5aaeb9282197546a8da2bf377ab86dfd5f5' }, "...")), 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: 'e1c0981a2827d0fdb8105f0d55ca08de39346a22', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '7bd92332f3e82138f951542d636431fcde591979' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '40436a379ab7f9092f385294329c16471f39b442', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'c659759c0a318eee8b4bf568196ed097443cd5bb' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'a3b7a4da577927eb074dafe71340963341b3d961', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '36004a11f34f3a5de5e1506d61008e1f68b611e7' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '2acc983cd7489e58bd4a5b96ebeee60cb080118f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'e22280f50f6698419bffe8df32552d0509a353ca' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'e7e255660912e0b596b0c8aac9d22312e444923d', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '5fef73544ea90df5d13877fc75c35f6c8ff6ccc1', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5b600d7c30140eb81979cfcc8b22a36074a226b8' }, "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: '717610f79678570049cf08e318d09c1adc01c089', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '54f4f389bd69a591b8e79ca2fa2784d3c87032d1' }, "1")), index.h("gb-pagination-button-group-base", { key: '05310115b8492e347676ecc160b6e72319b3494e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'dbc49f157961733eb5bb4192941ecaa61aa125ca' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e8ad4e20e5e94f80c12d954e82cd0671d6988645', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '94ccccbc15405d1a3713aa64a1490151af638422' }, "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: '15a0865bad9d4579331cebde19d7bd0d243e5f43', icon: "false" }, index.h("p", { key: 'a1d26d7c3759893ed306b5ad34a6901aee2e3d1f' }, "...")), 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: '190f702f4778670e668e48c760a96700f94770c5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'c447aa0c72105623919162b28ab637b0d103e967' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2c20416ad36bb56d158922d4bb746993db229956', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'daf2a560d320d6395cde944b2d8d0b9480c99528' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c1d4ce36c207acd02089013385c5c8904a0febee', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '489b18898158d931b96950dc08d8afe73f84fae1' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'a577da312ce44384d4abcf69071192064ce6d5c7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3741428c97168e6c43f03ad47a3d6894c46baf71' }, "Next"))), index.h("div", { key: '3ec2ee1aaf3cf8ce729c6df0af640627120df051', class: "pagination_entries" }, index.h("div", { key: 'a30ca4d8a4064dc5ceff5ad2f525f42dcfdb3a8f', class: "entries_text" }, index.h("p", { key: '83477f9c7f53c361402b32881eb3be4fb74bbe4c', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '44c9f0e0131f25e039c2745e0b35969dbbbc339f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '883f7563a9125c350ff76395dabb6edd1e974124', 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: '9329bcf28c6e7fa6abfef19463e0983622f97d9f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e1780a8ae794b6ba18e96deec48bb41b138c276c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '0bf2b29f2c2c406019a2821eae2945dee8b94e36' }, "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: '202a933c5fc59d3944e1c57c25cc9164feded6c3', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'e4fb367c04e654cae28d3677e22f8fcea4cd3f72' }, "1")), index.h("gb-pagination-button-group-base", { key: '87eb4ee1b25914d82bbdfcc934a2a26ed0549cc6', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '4f6a391d88dfe9ff401fa7121bdaf2b0aba34d9a' }, "2")), index.h("gb-pagination-button-group-base", { key: '30d0c81d6333294d27be4d7282cf6beb43610cbc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'fb891b9700c76c67179cddfe274222b84e44806b' }, "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: 'e011c67793e1cb9df5c01f6c65ba09c85c16dc3f', icon: "false" }, index.h("p", { key: '53515da72c9c156b87837713e1616088b18eb9ee' }, "...")), 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: '554acb016cb9449bb8a13c4d73c58015c6a87877', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '6462bb0adb5c29009498c4891d004967bac28d50' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'e95ebedc9dd571635550ce1128d736e2bb257230', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'c2160df0c248e28d8183ffb802c5e4a3d713ab59' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '762cd3ed51ea74f882b3d37b9975f614bb48f347', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'b454c12a411468b8c44f933be2597528b7fb25a4' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '06874d7d4b3a72dd190b135151149b8e95d474a8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '21b3cf5ec489d486dce16accc1fa4fd650848238' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '8b37c845259ff04da789e62b8ca9a27eb16780e3', 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: '1440c8aa5fec899355fa4e0ab31853d87c8d00c6', class: "page_number_text" }, index.h("p", { key: '568195c25bfcea352606142187249cff7625e924', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'fbaa6c2948ce6e67bd35c681602fda23442bf1bd', 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: '517cc2344977b94b8f2b2e5a5a7544805bac2775', 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: 'b53d2eb3d5b60537a5fb5b2dbc8c6af63164f8d5', class: "page_number_text" }, index.h("p", { key: 'bf8448f8f4bda0790647a06fe2606cf3f4c2fcac', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '00b0616b3e685f03eb61bc99c239d4634ad6cb8a', 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: 'f996dfc5e86efaa8a4e91c9df3d36923b631ed33', 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: '141230862ccf881b277b58fc74c6fd9e5787d4b6', class: "page_number_text" }, index.h("p", { key: 'b52709d25ac1d25383bc4e159b42e6a1a2460f15', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'ae2e0494fd371eed9167e76f467974dd8628c480', 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: 'a839e4b9084258b01f99fcd1429f68d847c38283', 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: 'bce97fa6e094d96800705642b79b159bdfbe8818', class: "page_number_text" }, index.h("p", { key: '27cd650947b47f3e3318fade155da19f32056b37', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '6d1e42311dba1145e9ac65faab39427ee2b0cbd6', 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: '3c020b3905258b6ad17507ff1d894f9bfa9104e9', 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: 'd4dd8584a442e2562d5a3f1c9eec863066b44304', class: "page_number_text" }, index.h("p", { key: '977e973be0f8398fc10ac90afb475beb275b5323', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '37b70fa889d1b22e729e7ad008579985bc986f03', 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: '5b436d84ac7ab52d3e2c2418d3b2bb254b951fd0', 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: 'ad4cde2d94861352092cddfc39de07003e81eeeb', class: "page_number_text" }, index.h("p", { key: '49f1b2df25224cc968cacf6b05a72f63af5a86f8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'e3d428a870098283bc899e284e80b189902984f9', 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: 'e4762c174a447a749d958de40b9e2ebf2c0b7e6f', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '065d85272d9c13938a999f5642c760d80f1411f7', 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: '70a8c4209fdc4ddcad8a53b78dbd6f0311bcd109', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2d6c602c4d81dfabc0c70ed5caa66ee0c319bf66' }, "1")), index.h("gb-pagination-button-group-base", { key: '425a2be5e8ab41b335e312b44d682bf6dc9fc5ea', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '1289bff458770f4b32423e1a884ba1b6124bc079' }, "2")), index.h("gb-pagination-button-group-base", { key: 'd2b42ca279b089f2c5d0182384eb128b523850b3', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '86f4ae42c22da4701f48ed88fea804dc82387e44' }, "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: '0aec52488b30a7b6ed664fad5d037f4c1a90a854', icon: "false" }, index.h("p", { key: '7adc58c3bf6cfe8055a87db0ebba39fa827f07a3' }, "...")), 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: 'fcf59e0c6cd4a69451585f66b0bdd721212cb147', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '4efef281bb88064bd47a192acdc1660a2f32f5ad' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '9e9969d176d25a05d1e02b005043812baf8e4493', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '6f6c55f15e485c7c938a2282b792a2fa600fbe1e' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'a03deae65434d926bdb93ac7ff841fbf531665b4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '8dd8666f1b0d086e9c31034aff6723027c50eef4' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '6998a147a66597212d7cb8524f9c27ca703ddd9e', 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: 'a8565c3514fc316c165bb797eeb7cb0b8306067c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '0ec618bfb1a4663fc4ae359c026e91885cc8e5c9', 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: 'a47cb1f91cfff050590c98035cda0b239997bd6d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'fd7a6caf1d08d7938d65d8973df7040eaf993f7b' }, "1")), index.h("gb-pagination-button-group-base", { key: '82b636061cae80a6ac7f4bd27646ee839a874980', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '0ca6cba7b4f845d0ed3f9376dfa732692098919d' }, "2")), index.h("gb-pagination-button-group-base", { key: '881de347c303040cfef6c98f25331102623d2b43', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '0480bb9a2810920264d6b9d6d5b31389737be880' }, "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: 'e41829f02f42f15c89d47d112bc41a754a3a47a6', icon: "false" }, index.h("p", { key: '3eb9135bff92cfb136f691c21f5c223ba450fb82' }, "...")), 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: '28385846225f5fe6ac98e820d767d093226451a7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '0a39bd5da22c1751fca36cc1bef7fdea0bd21464' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'bb0795658ac1e883e54dba19cce6f3e3e264f534', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '1b0d0a83060adf92fed37f403a2d4f6e9758ca3a' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '7250f11856576f26ae28ecafe8f00895b742391b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '910bd8913cc9dcc5e4142491bbf529c6ca84e52b' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'fb9481cac660e20099e59d4af7e9448ee6963fd2', 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: '25f21a8ce44eea236c8ff8d5e05973ce4cd812f2', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '4da14c1b5eb9f4204bc498822cb7b4262776ade0', 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: '2df7283b1a72290ea993313cc5002dd1ecc28bf2', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'd2a54bdb454b0be0de9f2af9c4102582de5b74fc' }, "1")), index.h("gb-pagination-button-group-base", { key: '3ed20dd41b83d2c2d49c5bfe61488484ef4f50e3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'c4c9f06ca92f6e0b08e730b684d1b3d5b818dbf5' }, "2")), index.h("gb-pagination-button-group-base", { key: 'ad83f52af9f5ca842739a8a48135831f51d8ea06', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '588a9ee92944ee437ee08f67edef210089a68a63' }, "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: '8de6ed5977a8101881a9118ad4c83d1061b41ad4', icon: "false" }, index.h("p", { key: '5ab264d8c0a1e52f41f38c252af625b9bb9a58d4' }, "...")), 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: 'cc9462701de557dd2995defbac2dcda04d889388', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '6c15ec0ac84c321eb71c1ea8e7abd82d0c21c6df' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '29498be6516db2b440c6919cdb258eb1dd56f1ce', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '316fd349074d2fe93b1990dc7bde87a69ae0fee0' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '803e04dd1d9a43614feb95a4a82f28e6c3d2ea0b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '0418d3ead1e0fe87c1f8e60f0c47b1f29cbfcedd' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'e7fe8a1c7a50d50fd0eefe6317c966d5d8d8e016', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: '428ebd75380400bc096d8d5e186a289ef9acf3f3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '416a9e0fc4471914d2ede36c62b029aa80e2c42a', 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: '4f858d28a61b2465ab23ec6f16573bf1894ca364' }, "Previous")), index.h("div", { key: 'f187c432a85e846c1ad1cd85fa4c95a1dd9072df', 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: '215883b0afc8f536079dc7de7992546fa10ecab1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '38452e02dd2ce36d29376f483ed2944e1b55bf18', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '97f8770fbe8d66af443c8c7f47f7666298a18a6b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '005acc7526a27b6a2d39ac6445b1e7bbd3928321', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '522ca9e13a566b26f1914238870b1c4ff8c781fb', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'fa47e42bf9ae9b324dd41ea0833890a860671629', 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: 'a3e1e64424f6f18d560cf5384ba1e40a3df75d9a', shape: this.shape }, index.h("p", { key: '2ce2c186891156ee04d720d31a45c63bfef043e3', 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: 'e14b46a120d2be1f716f02f21b672d4077ad3d64', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'acb4d39b1d4d8f69aa0fa5b222815fd56a4225c2', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'fc09e87e2331d98d6e9444b75ff12f3c1912c538', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '491c6ed4510b7eb54ab36cfe8df0f2555203658f', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '51a952af8de29073f469dbecb274156db9bc826e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '0df57a60c32fa64315904299b109d516e51a6aee', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: 'e866c6f48ff39f952fd6fbd27d0e72024b25e7cf', 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: '738965316b09ab263b95c2a61ec9605441038108' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'b4380b875335698135768ddb892220e278d48707', 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: '3944eaed2e52e3948d774b37c9af3351d7e08704' }, "Previous")), index.h("div", { key: 'a4f1ff5ea2dbb19415216cc0fe3a4a0125ee97d2', 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: '021bdf2c0f9d6bf8bbb326a97e313b1f1f45e1d7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'aec84a03833f3276eee0e38bdf41296aae52aeba', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '13dd2a01dbdfd3ff036de7bee7dbacc3ffe16806', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '1edac46dbf44401490e25acff0cc2eebc8995f36', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'dc9fb25218637e40c800bc55c1bf8650295dedf8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'e800e565b01e99d84132064adda43267a4fafd10', 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: '9aa3573b23756da31f4d994b24e4611732b06042', shape: this.shape }, index.h("p", { key: '3570ee5eba09cf7691cb0a3b31dd34a2939e4876', 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: 'af73beed02eb405601fdf51fda3f322b1403369c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '7b16f941c0b9ef366c25dc72d8b532d5017f7014', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '0574ccbbd856adc830c051f80d08b264d5e53231', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '5a7918efe07337ee05dbdb4d2f125fbb559a169e', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '99beddee83cb43ca73afa03131c83039b7b793ff', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '56f422b03c3da5309dc4cf84c8272b4113033dcf', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '5d77c6c4ef5c91dd7b03948ef653d4f9a2d1ef4f', 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: '591aee7e79e45747d52ecb46df96bafd4e397154' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '9c75cb5df56adb83d1ca31dc1426159b53b31dec', class: "pagination_entries" }, index.h("div", { key: '21d28dceda78d31f9baf98eac065c39f1ef47b3e', class: "entries_text" }, index.h("p", { key: '3badd10e9bce96a7945c4205575db91910a502d5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '8d2d910bec137ecc8408159ce9a78cfaa85dd4f3', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0b6d245c9c22ae7ca68eba8afcb8389d3362f3f9', 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: '8439bf11eb9daf6e58cee7bdde6967b3b029974e', 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: 'b2177f6a40027f8f0dad3919522235cacc2bea58', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '846cfe358f5f75c7172162c6dca1ffbdccd23e08', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'be6ea54fc21d724a8598a11e52990ef0ef2c28cf', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '7f354324b730db565552029961922740b3891df4', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '406e44dabcfb8f069551bf3584631464aee66c4f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'ff7983bb82c005f04ebbf3697f84e060c94dc2b3', 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: 'f9a3819c485f72c614a4728b72e2164347b14f39', shape: this.shape, state: "default" }, index.h("p", { key: '6eb44c933be89e521fa99010b103876c18ae8099', 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: '99a22f7321365f2e62096ebc4d8b6b34987007d1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'f1fa24be9f9cbe3f4561b9a0c7298985ab41475d', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '9183477240b05895fc205640515d986e3408b888', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'e502bd9b283bf7e2344b77f3f38546dca176e8a1', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '4310c1f5d166264ffad137090c77f9db254b1438', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '67f63e4ad30e9966cc6e3f12f36ba02ab8a54f2b', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: '7472266df0eb4f04cbedc2c1976574a371e7042c', class: "pagination_btns" }, index.h("gb-button", { key: 'e9b8919a482bfe2e6b37210baf125cb7f6f4ab2e', 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: '78a5d8e1a4304aba37892aaa2306d16eed7955dd', 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: '34e9eed13b7459f42c321e1f1b00f0a31ba93477', class: "pagination_entries" }, index.h("div", { key: 'ee92263a92f73614d195ba36a3639eb38b52a0ee', class: "entries_text" }, index.h("p", { key: 'a0cada913debeccbf40acc018adf845b39b95840', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '736ab7e883c51f89e11c30c0883ce483fa7de1ac', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '1e081fe833dbd435e910d42ebf34e80794300530', 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: 'a0f997758c4980321c5424c85024f91672f44b74', class: "page_number_text" }, index.h("p", { key: 'f7a7d7037e83556c13d8d2514ca391f6a9e2c1e5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '536051ed8ee3f594d5c9d8fd10fb05f2adafeb51', class: "pagination_btns" }, index.h("gb-button", { key: 'c07e56d7098abf5d1ebf2efd59acda3cb24fdf4d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '287c784001c85de3e626ee17e3eab35621dc3d33' }, "Previous")), index.h("gb-button", { key: '19e47eab2ebbe7b515bc9f9bdb418d9a630b1c11', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '498c741fc2ab8b41ed60f27611e144214fa46869' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '04d945101435a9a585e8269f2bc2bf89f1fa71a5', class: "pagination_btns" }, index.h("gb-button", { key: '50b30c9e228e16c21a1ce70dcc1c6f8d53c311de', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '10d99087df7ade71bb3846fd826f7d190479b73b' }, "Previous")), index.h("gb-button", { key: 'c733f10a0bf51039b592a612d1b12b424e472117', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '2f520b06eb69bea30f78fa521d3a5f5c05b7e664' }, "Next"))), index.h("div", { key: 'e83b2da9f19a7b51d97600542db66813ceb9568a', class: "page_number_text" }, index.h("p", { key: '778e22627267c5d33deb379c3f4fb7319926f45f', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '4ccb03621493525edd65def14b439c96a89cc6e0', class: "pagination_entries" }, index.h("div", { key: '21b45f8eff51fc0afa4d2d52e3889ce1704839b9', class: "entries_text" }, index.h("p", { key: '2dd48d66f92c0670f9ee0d304078b0c5446a23c6', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'c2ceb00a3d308da35aa3a855bc07b39fc9e08778', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '97bb5e35639d2bc907f95539683a5f35819ee46f', 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: '682521575195caff80e19ea1fda582d4832d9bf9', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '44dc5db9f974f84536dc759adc68857b275b0c13' }, "Previous")), index.h("div", { key: '1d6bd50a19625ea0cc2df807de68ac3d39704069', class: "page_number_text" }, index.h("p", { key: '849108642793f5f05e431e6e352e2c95a19facab', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'f38321d3a1a9c208db78eec75c6b4e23986578b3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9680b66254dc40be7e037cdc94c5a3fbf26c602a' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '8a18a610beb1d779e68d904487fba7e4a239dad0', class: "pagination_entries" }, index.h("div", { key: '2af1e444a350f60219485067566bb719ce971e81', class: "entries_text" }, index.h("p", { key: 'c8188c11ccbb802261e880e325012b178dd33284', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'e64d3cd7d792b12781fd3f0620f16af8f9dc6db8', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'eab3942782e044e68a6cd87e6b1bdbecb26e1058', 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: 'd294cac7ad0697cca636b2272fccd26a5fcceb37', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '88f09cb497ceb0386db0f8fe100018a121d05442', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'cda559ebad291d93a3e5763498620874460baca0' }, "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: '337e7a3cf2dffc000c8e2242c9a2a94acfd75908', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b9ba3fd755a1d258d4c3c5b2c4833a26c1a15c95' }, "1")), index.h("gb-pagination-button-group-base", { key: 'e49b47bac3e7485fe953cfc5dbd5f4c47703ada9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ead95966011282b6cec56b5f7b29f25bd79517e8' }, "2")), index.h("gb-pagination-button-group-base", { key: '3562e20821563ee6330ce675287fc1120af5d54a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'c073a0063d3698c3d543aea1b00c9bf607df60a2' }, "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: 'a7d7a2090b78aa9e9bc3a775398e22d5208ca2cc', icon: "false" }, index.h("p", { key: '01dfac5bde85909581eed3728de88337443eb151' }, "...")), 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: '8118560e43b8f52efc3cf715ba0f950116797f02', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '1bcbb4c39eeff66ca2febd511178757f1e1b9c89' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'fd9d94369f02b33bbb7e1ab3bc4fb085d8e795b9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'e8bb554e534e4a3b50246c0328cbd480c19280b6' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '06a96699cc308203842807557cc709e01e665e3f', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '10ffce91b1626a8cce453dd07e3a330ec7d3cd94' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '50b2a8d2e2f22528078fde888956e5ab4c524627', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ebc4dfe6036055232c1ab37a327f64c5c93817aa' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '3d9a74fc042dd2de92e69c2921a2e99202ca4003', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'b7fc21f3c6758b596e62f4ea4e03f1cda1beaf1e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '801872677caa9af3665f1523aee836e0115b264d' }, "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: '35b40878e9fed7a8ca8bbe27c63c803c255c5fb6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '6ce6b109abbdeef5ed6156fb0013b5fac4b7a26c' }, "1")), index.h("gb-pagination-button-group-base", { key: 'c436a953f472e581384e8e5f14d8fb25b4e3d5c5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '44f8b86f19426fa3f71a6e80185138aa2bf85cb0' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b9c5b435533d67cc8e19b839213c0755e3e51e44', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '8841bc2e86980c75291e6619ebfaebf80975ce20' }, "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: 'd00fbbf0133e707212f9f650287a5d84e17a545f', icon: "false" }, index.h("p", { key: 'd69a0bee42ca615f10aa4be1c66178f8c9f42c58' }, "...")), 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: 'f603545e23ba50632a39fedef812dee0a6f12986', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'ba0ee06012754b687bbe9d7e790e23dd1c3e64d5' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '4e113cb660cc4c501b06c61234e28a37d99bf114', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '52eb468bc6829ab9d24f77344d67313daa0c7bfb' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '45625826b3955c8e1f1e62b2c3a0d66cac1cc501', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '12a472cc0a5c1c8d912eead4e0e2a7f7618ea989' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '9a052d1cac8dc70fc2c206d68c9860f13eeb65ca', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ab9f35f22f8c67b2bc0d0fa037c755bc61118932' }, "Next"))), index.h("div", { key: '6fb05011828ea75ef9cf62f30c6000b6347f041a', class: "pagination_entries" }, index.h("div", { key: 'ee7d6fff5d691f04a243e9e6683412208c23d3ae', class: "entries_text" }, index.h("p", { key: '0c837217d82b757f52e6a408b3fbc4f055a12aed', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '9eb00a089b63e53556201cdec4ec7f2071a24399', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'a6fc79dab1c08dadcf56d792e0877b993330ad3d', 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: '1b82431a605ef93bf783a74f0623ab6fe73db26a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '28ffa59e322b6749be95fe1dec8b4d5e53d8d57f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '991ef4885c94d1ab0801f99e87f1ea6793749f21' }, "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: '8c4b7e4470f721a430f20b8de6385edcd926c10e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'ae734c3c92ba46c9608c285d894edc68c1982b0f' }, "1")), index.h("gb-pagination-button-group-base", { key: 'c89b00ede446fe42ee047f226467926bd150bc9c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '2486a75529a99ef411d73fa86e5ae6fec314fc90' }, "2")), index.h("gb-pagination-button-group-base", { key: 'c700dcd8d17276592a5c4d937f629d3e098dcf2b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '1f2eb4ca254fcb5724df84d4141fee791b5399d6' }, "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: 'a992716083b3130bb1ba872cd43e716cc16ac5cf', icon: "false" }, index.h("p", { key: '6c8b288fb5d6d78d490713a284a4979e25f822f2' }, "...")), 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: 'df79e8e6e2750a466e9d72cb269743d57bf0bb3b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'c9333421dd99d8370ddecea57f4f2f80168bd600' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '7407f0a12167ec2416b5f7a283c60c97a50054cf', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'baf5081b488efc3c916a0c11574df3695718bc15' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'fdc4b82de5691891e3afee29a71ca7423f5ed999', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'c874d54475fe83869c40bb01e06f0ae641ae0072' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'e1e4a4e510f222829ba2431c6ba9ef6990ab2ab7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '8cc7828b5a77e2975a326027d10ed3941d681766' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'ae9ca74c5414c393a61c0832c71ba02d85c6794a', 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: '7e06592670aa01bdbbc017ffbf4a25ac2c83b32d', class: "page_number_text" }, index.h("p", { key: '86684b900b016a8a5ffc7db070c83f6fcb356cc9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '7940d06e4283a644fe2da120e1a2a9b1107f25a7', 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: 'ce31565b6a9c3a39cf3a8bedec7eb90854ef1788', 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: 'a4387ac03e0f5d41ef0aecb9474a4656ee2cb221', class: "page_number_text" }, index.h("p", { key: '0c40e36e0db70c6f5240a4ffc26b5130c3380db7', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '63360f2104c5adbddf0823c7d3b86693f2dbf7be', 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: 'be5d5b18ec8b1aec730e2282ca53009a638ec9b7', 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: 'c81fc29978d8fb961b5a8fa4fadb77b1456503de', class: "page_number_text" }, index.h("p", { key: '1027a353a6a9577e3116d41fb4abe093c990fd65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '4f40e08648068b6971bc56dfa65501af7f4124e4', 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: 'ed50c83b19c8b3f3a9051eb496b6475a778a0d81', 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: 'e7074ed59a9877d8f2f134b0e65ac4829547f720', class: "page_number_text" }, index.h("p", { key: '811937f07e0a21025781af39022900d0bbc105cb', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'adbf70e899ac2696ebb81f7e2a9c97a929d00198', 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: '3321e9849055adc3417066b267fd0e21d6afd836', 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: '8a02c91d8fbde451952d5ef4213676c88d5e665f', class: "page_number_text" }, index.h("p", { key: '61f7cbcfacd7c089d30a4287ca88e06d636f2996', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '6bec24d85297647788b9097fe7d44e54939ce897', 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: '4369b94cc2b2bf336f4aa7366242fd4932241d2a', 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: '63725569b01c70f4597ed8fff5713f9dccce748b', class: "page_number_text" }, index.h("p", { key: '50e531123b6b6995da4f5643d7e0f0b640951d4b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '2728805c1d03ae6fcd5c631ad366699d85e07d71', 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: '96ff49981fe883bc43ac376947a3c0317546d990', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'bf940bcec73b83c62d22f96adf68d8975a714447', 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: '170ffb2fd06d5dc4bf2a6287da761bb21417a457', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '7871a98c1f0bff27ab31b2b34ff691eabb4be176' }, "1")), index.h("gb-pagination-button-group-base", { key: 'd1a61a7c23cd6cda7106007914f28573f61052d5', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'ef4bd7cef9fa40c4956152bab774d1d635b51a96' }, "2")), index.h("gb-pagination-button-group-base", { key: 'e49225331dc3b8179af17db6be1505c2af5cdbb7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'd3e6725ee75780045a7ec847fbc5c434708f5723' }, "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: '2bade8cef19e69b78b0a7bb7dd99a3026aa6153b', icon: "false" }, index.h("p", { key: '672d639b8ab3b54a1104bb16765b1af6974573f9' }, "...")), 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: '4f9689c72171eaad850a998811cfbf07e301b8d1', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '8fda86b991035f2940df978e96233c571159936e' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'd25c9728ef6c32cce6c51e2ee3959085ef521cfd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'e48866515f014702fbf50f44b3e4e278083cb906' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '149ff1146ff5c79670a1e2fae964b18a9450c7b1', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '8cc9b5ba5704cb98142d32ee4cc043768baa7df1' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '8d53532a2c14b849ce7ed6a025a3162f490a6914', 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: '40598821ac204cfcc78b7d6cf9ab360424fdf22a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: 'e8dd5d98c17d632fc211c60597fe258b4f5252f8', 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: '66010775848b5827726a575439127ea720160917', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '2c3831ddf44a0517ecc4ef058581b0dfd2b2dd93' }, "1")), index.h("gb-pagination-button-group-base", { key: '6a7fce117d686695c2897b110ce041ce3624337c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '3814525c873a5cc1c4e84a60d56a274627618b95' }, "2")), index.h("gb-pagination-button-group-base", { key: '627ba303c1754a7010075ec596bf2e0def1532b8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '21a9146fc544aeb0b6fdf99ae957919dc2ece883' }, "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: '991dc13699dd4b8d0a1b42464b7d349ab4626f3f', icon: "false" }, index.h("p", { key: 'eb8ba1bcd2a1d0e9a7890a9c9ea183098720c0fd' }, "...")), 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: 'c9828410b45a242993b1468fd24160c15f652c4a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '20948bcdc5a4e857972bc4acf86fc5a67ae41ab1' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'c086de5a5ea769571db47129c1ad0543714cf972', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'e109b946eca64fc18b40a818abbb1b1d7f98399f' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'e8c3c5785168c802938f417b06e0e19f41c9df20', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'a43bee46db53a623bba0490ba0c99608acd2c881' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'a2ba448735375169a20e626343e2fd6db5f977ba', 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: '80848af44e948bb6780efd42d8653d832fb414ce', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '9b709432d52aff1d1b7d9261aaa0a5575bbfd691', 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: '21186aa03318ac97b79ca40fac2f2562f84f3461', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b5c606f567f539c5e1dc0c8705dcc164a51f32c1' }, "1")), index.h("gb-pagination-button-group-base", { key: '92f38cb679d08107c0cacf0affe1382252a27dd7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f1c6bb7a0f4a7eec8a265184bdb3a3ca4f01e3ec' }, "2")), index.h("gb-pagination-button-group-base", { key: '0d8b21ab3109cbd8d73224d8d398203b883137a1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'a952d37757c7b99c2ab8a7be994c127de439138e' }, "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: '5b44079d497e84b8b1a278a80d255af5142a8414', icon: "false" }, index.h("p", { key: '813b447c2f0b3118d14d45c45be5fcdfe7d48cb2' }, "...")), 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: '51539ef39fc9b9c5eae5b311d1ec7989fb3ad21a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '3cc57257973055ae7642087ddec905e50c985475' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '14db7e7f9ceaab46a025702bf273bd8d40af4696', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '50681bc6c341f3ba5685df916cc0089eecb236ec' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'c987d054fac61ff129bc4ee63c7ccd92c2fcc123', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'b4fd65316987d1410af8c61fcf36ae7e90ef4038' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '5b1b357d6bbe5235c098c85a3a690cf4c207b31a', 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 CHANGED Viewed

@@ -34,7 +34,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5e176acace81bd8cbc779b1d51f6bc4ee802e564', class: "gauge" }, index.h("div", { key: 'd8d95e0fabacf01f2c0a0a084f56ee20c45bcd15', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '7f84fcb9d956d16189c6dec1f9bc054c309fd203', class: "mask" }), this.label && (index.h("div", { key: '73b0a298e3d0d32fea49ee4c50a2ab72d0f8415a', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'f5bdd2a93b90066a4107f2e0ccdef9e3bbcaa43b', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: '31e80c3b16e22a0b959a2a59526d7ea280aaa82c', class: "gauge" }, index.h("div", { key: 'a270240cd5fde6ac1df0ef60ac3f8a0a1817ab2e', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'b767c97d13944a8d2a42ea5f2cfa516352f7910b', class: "mask" }), this.label && (index.h("div", { key: 'bab339bed534c628c378146e49097069b860c7a5', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'b1c3f6e6c4f8304d3157a6c7af5dc031c0f2d3bb', 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 CHANGED Viewed

@@ -11,7 +11,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (index.h("div", { key: '306591ca38568b60468ff3b473b31ae9ec41058a', class: "quick_action_div" }, index.h("gb-card-icon", { key: 'c98ae243ba56b5eb806389792d074adbdddb6e4f', color: this.color, icon: this.icon }), index.h("p", { key: 'a6e3342c499d4d528b42aa876b1edb16c91b387a', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: 'ebc06e77ae7bd30b5bbc79846adc3de9eccf5dba', class: "quick_action_div" }, index.h("gb-card-icon", { key: '37ea0952818161ee8f5f2864c6b61af81ce77f90', color: this.color, icon: this.icon }), index.h("p", { key: 'fffe3af64cb7fbecf57e728e43348c5ebdab0e4d', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

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

@@ -12,7 +12,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (index.h("div", { key: 'fb9e65ee15af063e7189c9980fe7b743839865e0', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: 'b55b9b7547e987924e6feefb72c6d80dda1fe34a', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '9500cca6a5361ce8fe32e25ff9f7f151379dfc15', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: 'd56aa6fda57b781b8d49fa6158a726629e0b1ae6', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: 'd5ae0840c2d023be48168fcf466d9a577ba1ba18', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '9246cde53879213445d0f51183ae25681356a66c', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

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

@@ -11,7 +11,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '97642e75ab090710b808de578e9999ca93019037', class: "scrollbar-container" }, index.h("div", { key: 'b15e0b62cc7f57b5ed3e66d1ab5e3a335ec91e71', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '207928021c66aa8f7fe6e2419726c528073cb6c5' }))));
+        return (index.h("div", { key: 'ec1987e0b75aa1d6fd99ea1a56e8de7dde28d3a0', class: "scrollbar-container" }, index.h("div", { key: 'e7deaba1aa81e601e80aebc171289225472788ba', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '655bb29d28d99ef8e2d0adceac37acc38b3ec167' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

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

@@ -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: '1c30a6f5e0c77f1def9f413db3694e82f88c9773', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '5812201cd4b7a4aa94b2583deac1b5033f1225c4', class: "pattern" }, index.h("img", { key: 'ea99c1fd2ee1096c9e0e45972d22154e0dbaa836', src: patternSrc, alt: "" }))), index.h("div", { key: 'a338d46a871481ff95f1a34089b22fe7ac5f8f7d', class: "nav" }, index.h("div", { key: '2e6cf7801fa5c25a4eafe3b28cf08233dc7b50ea', class: `sidebar_header ${this.state}` }, index.h("div", { key: '541b0302733ef2af471de3bd9878e9de8bec3d8d', 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: '3d7eddbed36f40a5fd856a02d442de039dd40fbc', src: logoSrc, alt: "" })), index.h("div", { key: '3e91fd51606fa429f43c810305b905d97c2ce995', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '73a48a3660e5408af9f95232183cde426ef8d084', 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: 'b0836bc6f5443df6dccbad90d1e0d96a059e021c', class: "navigation" }, index.h("div", { key: '3260932f9f8d7dfd03e1f5ed684aad7c11e9af01', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'f37d7480c81053e54c835d87c61076d601c70ec6', 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: '464e96d33b96a0fc3c58c98d2717e75b2f291ef5', 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: 'ca29a3de7df2c9dcc9cb28ea17282269f42b7ff0', 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: '4c334a03bc08d806b39ad896f7a454e66e2e16bb', 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: '99f0fcc53a39ec781305ac5e681f5357c244a647', 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: '54bf11892a95108469a2cbfe52790305d14632cc', class: "navigation" }, index.h("div", { key: '3471c40897317542efdacb63d2f472273e1c43c9', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '82517759bcb7b5757a36612e3626cf61e5f7e3d8', 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: '9b3e12852e6b53685421bab1d7b7f102f60bbbdd', 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: '451b61b7414898c5716c8e8f936a41f4d584d16f', 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: '23754c2c0929142dca54629effba1914e697d475', 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: '14286abb6f81a3ac0e5f08e3a4004d1afd2e5110', 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: '440c13d54456c20dca4705401f59a9b9223e8264', class: "application_name" }, index.h("div", { key: '0bad540f030be6252f3d80226e80a464df39ac49', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: 'b684b121e1866acf4e245607da103975a3023d9d', class: "application_name_pattern" }, index.h("img", { key: '14543917c6a852dcb02b520c055c97bc85012edb', src: patternSrc, alt: "" }))), index.h("div", { key: 'de90d863e1a9421d34fc0ab2be29c81359331ec7', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '55153ee749fd90ebea62a69c873f3662de0c7fc7', class: textClass }, index.h("slot", { key: '7f9be314acf20c97901dc50747ee42e9687d30ac', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: '227490d79cfb6ed47b3bc09583de6735bbb25510', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '601315b18f29f5854cac52e08d72ca8d3f697e95', class: "nav_div" }, index.h("div", { key: '499c784e568fe1c591d5a9188e5da3acbf706ee6', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'db02a8738b06813d69a5a304dd0f641051cbece7', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: 'acaca312329157ea5e4c25bf548cdd73156ad4d3', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '9a00d0d58d85960bb04c8e1558df95289ab2abaf', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '0c16e5ea93769115e4eb4004d858a1234dcad637', class: "complex_sidebar_div" }, index.h("div", { key: 'eb405abf20a204171adc9260b16fc26f049d963e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'a16bc417a15f36859448c548b9dea780c7e532d6', class: "pattern" }, index.h("img", { key: 'ec279169540f35b00194ffac4073447cd0ad4f26', src: patternSrc, alt: "" }))), index.h("div", { key: '1601a410998b81ad86e7eea559281e96b7dbbc95', 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: '8f3735f63a178f31a25dc0a5b227badb8108aff9', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '07595bfde779404a4b405a8221a3b8d5f92a64b7', 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: 'af311e6633a24fdd975d4c14489cf710e5b7a659', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '8c7520e559db825b68d7b68b94c1450ace385178', class: "pattern" }, index.h("img", { key: '372c226cc5fafa2dce42efb0425e6c9103742197', src: patternSrc, alt: "" }))), index.h("div", { key: '6e794138b4c007775f5ed95477a82c191f3f671e', class: "nav" }, index.h("div", { key: '20833eee67385f56bff760767dba23c6afcb0769', class: `sidebar_header ${this.state}` }, index.h("div", { key: '8f4466cfe184578dd6cb54050a743d19e2db2f75', 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: 'bca27a11efb4fb3f8bd750e7c246c7a90aebf12f', src: logoSrc, alt: "" })), index.h("div", { key: '6b11bd1a5791368b78b038d79a0337f95b114efd', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: 'f3a3caa25aed17f02bf428b5ec53b91549c4917a', 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: 'a7c2e6bce54b913527485dd2b2c29eda99b24cb7', class: "navigation" }, index.h("div", { key: 'dd866127b069ab535868b7b98aef302b8a880351', class: "item" }, index.h("gb-simple-side-bar-item", { key: '60c1113cd3341b39cb63604dfa04e445e1975745', 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: '7ac7bcee53b8770c53cc6953b7bca40ae8c37ae3', 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: '8dcfc279352e4fffa006be7e098408709b0325f8', 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: 'c47409f29f004d67302bdeeea94835f0e7ad75bc', 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: 'cfb6c931357e50aab307db254f4186a22d9c8f4c', 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: '159c6fe298f08efc7b71c973a03e3e8c37c8584b', class: "navigation" }, index.h("div", { key: 'ad2e4d1743882fe5fe3a5360412b6bfebe489dea', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'dc6315409d5116e95126d4f6060d42dd2ada0c8b', 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: '2f66cdaddd2987f3856c9aee0037e5acb9c29061', 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: 'a7d30d6b852819f518324da1e293b99ea255b48c', 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: '4549e93c6cd4993d71240f1c5ff84ba356c3d4e8', 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: 'dd359aaf2513fe8bcffb31d133edc8a03c4107f7', 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: '4e3d572c39ca64e65b91413311deb1fc68594a8b', class: "application_name" }, index.h("div", { key: '19195441789ba62f0ac6b2fad99b6b05af278200', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '27f74d603405afab3a4d61965eec52407a249550', class: "application_name_pattern" }, index.h("img", { key: '233b598ee71525ffd3b50b3b74bb6271f9b8fb15', src: patternSrc, alt: "" }))), index.h("div", { key: 'b54451d259fa8cf299a5a3de51979ee758b78cd7', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '3913c1dd1ed494049bc6e76700006bd376bb6170', class: textClass }, index.h("slot", { key: '8a384a26b20a2a8a984538b655368d2df54fe8ca', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'c4fab69b2b9edcc414dca7ff9c890e62924c4426', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '213b22f4821d83f43279370131a7740188193d89', class: "nav_div" }, index.h("div", { key: '272e5f7c9dfff30014b7411ac48fd86ade594a94', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'd3e5df643aee5f8f182e490d0c8f095a434cf4ad', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: 'c35316699645cf53f600de0a59d4127444b703b2', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'f1cf53b48af0ffd18dcab3482a8609f368f809b3', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '312141bbe236e0ff75f4f9d82cbd4433d6648d2b', class: "complex_sidebar_div" }, index.h("div", { key: '58c7985b9bd58eb7e452adb9e89953127b6feacf', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'b422ea4b82e3a66be5b1d85482e2025371e97135', class: "pattern" }, index.h("img", { key: 'ec747024c09028d3c76f4ddf637d65b8ccbec2dc', src: patternSrc, alt: "" }))), index.h("div", { key: '68e86498d3e2aacb4f57050a5057dace8df2adaa', 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: 'ff0d88c7d36b45a1f08a4fd9a881810c606556c0', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'b5212faf764c9684964a1695820f7305144cd971', 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 CHANGED Viewed

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '04709bdf559beae6f01883f055b7085d616487e2', 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: '9ea858812d72037f660c2cdbaeaf27b12d761fec', class: "tooltip-container" }, index.h("gb-tooltip", { key: '06490a58a5b942e4aff233fe294986fce2a7b7aa', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '217994290057600064db59168ffd9ce0bcb8cc66', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '2767db3e2a71e6e79db7812cf2e1674e2523b4ee', class: "thumb-label" }, index.h("p", { key: 'ae79220841a0a75c734436452122f17253c23d0b', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '4cba8aaac33fd99cd210fb9822de8678a1443d4e', 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: 'a57d19e0c21d8c081cf7bf7b4cd86916549c039b', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'd0913b1b940cfee701db4e61de916ee9e3b63d42', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'feb175db73dc830b27cbd5beeffd019b93893fe9', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '0141d9e9426993939e0a5e13e1c91eab68901a5c', class: "thumb-label" }, index.h("p", { key: 'e84cb53a1d93a5fb94e570f0fcaafde2181b892b', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: 'c459c8326f2d957d65d7a7806192d20c95deb62b', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'b1dbc67206937e262fee233feaec93e62184141d', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '7988093e995f9d02b11ecd83df1faf94001920d7', 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: '24e637c71f964bd5ef7a44a6897af62f578f3774', 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: 'c3c25c9a41f612b478d2df5453a22d8cb01d3da7', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '3c04247ee2911ab04480a468e00fdb179d53c471', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '93d62ac23783455851363fc7bdcfe04c15650367', 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: '650ebcb9b42a4842a77c41c7b39abdd45145e58a', 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-icons-centered.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '7e9c50bbd9005ecc8654eed5ffeea7157b200487', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'a9f7e64b2e3e3c3144565feedd651d0f2b425f0c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'fc43fca1b395160eb4cb570bac104390f124cc4c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'b5e73452c70be4ed6b2995f4a23e8580cca5bc88', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '6e539e406333c57d1fde3dd2b2a4c37e41712bb0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '060d2b910783482c5d7decbedb135c56dde68d65', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '02f5de6a5432244a7f9eb8be47450eba6eb1e3c9', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '18c80ab364eba80f552ecca51f1f1ece091ef5a8', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'd2e105c159b21e3e5adfe66712a5b61c241f044a', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'a5476f8785a0bb7639d8099e186f355a5f3f8e0c', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '68feb09a45460f43b5d075fb525c48c24254f8bd', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'afdf4d55ee9f5a39dd9acce071dadc0ed4a2a74b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '7554d54ec82cc889c3ea89b363b1f65e83a2ec21', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '60e2b46236f2bf35c793654afcc8c6d41c50b29d', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '1b66fe4d55dcb76dbbc4d027a4f6790414c37bff', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '25cb3065fe1bd09a23ecc3af4a7f6f4a1e75430c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'a19b8d8a9948ac07399e440d1f4cf1345df2acab', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '7e3ceea4a77a7cc4da8e83b3daaa45cd6ec3c528', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'db78d01f06f0a03d84609e91129a0b171e7a45b3', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '3429e2dc3ec9201cd191965459fbeda292439c5d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: 'a5ebdbbe8ba4c14822370ae77c47daaa63bef2aa', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'e5ff463336604f13d8476841c590c67c2c8ff7bb', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'ff6a2f83384c586cc21fa0dc5493465c2ce4f23c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '84cd5ecd13827209262f34129dcb8d6f44fc0799', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '7ebe8fd9f664eeebbef3c8b426b34c366d2cfb9e', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '05d36413d74dd4f510a53b641dfa0de820f9ecd3', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '130d97d1ba87999049720219478b862a26dab1d6', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), index.h("gb-step-base", { key: '75fb6b5e9b5bc0d3b5a4f00da46131f113f830a4', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '5c13a3da176cf8f0e96a0ca11dd9787a92384343', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '45b4ee62e09bf32e0ff2b3863cfabff04e826fa6', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '9774d4899ff82c08cb53885322171963b69fac9e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '41114d3c4a04ada3f909d086e8f9c2e5235a0332', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '0fee4f5ff935622595d62486aad5d80fce0a1fff', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '4f29f169ea29779953cebfedbcd5427b7b955fe0', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '23e39e141fd42201c8a0c6b36fc4af0e79503f40', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '1d8e89ac19b6bbc1f39104f5a50283cd54aa2729', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'c439033e2054105feed5b25e680fe4fafd90b1c4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'd320582e67d0ff19ec0382aab4b68766c4e435c4', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '66659331546700aaca292a4bcd62b1100fc69493', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '8f53cfae2b87d45cd82263a7a712f62d307fd5b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'cf2e6a8422cca4ed802304a3de01a08e48241737', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'ebfc3f4c4c033c54a544d093d818601c19cf2bde', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '3cc65531538e62e979003dd79bed50cce29aba20', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '7454ecb47cf8b3674ba07904b04e3d330f4d73b2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'b47516a6d870fd6ee62c6172cb686efbc10e5071', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '45352f1ab38885d6b308236d8e22f5ad3c158051', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'd8cac740815ea80b6cde50fde8dd7ec5380ec7bc', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '6d8503c44e3c235ffc10013ed6ce931838231565', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: 'efe6e20ac835d0e9bdd7068e19237a4750d02529', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '4cdcd470f3494c6d8449d9f5337bf5f46e3e4fab', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '8afb71e641c2ee2e9f6cb9bcadb0b77286e077d1', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'e640f03e9aca70e80e05b466ed1f4473a667ba16', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'd99e816f83bb34ceb42aa6e38c02b029998bf051', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'db8bbbc29cfb82951fee8b2856a9e48debe45f6f', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '2bba569187a9587a1f3ea962671ca520282d3034', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), index.h("gb-step-base", { key: '21482c1bc610aa8fbda97bb797579aab819e112b', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

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

@@ -37,7 +37,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: 'e7f3136867dbc70ec56bf511989e06660b3bdd73', class: "text_with_line" }, index.h("gb-step-base", { key: '80c9e8a7e7763b1ef57c5df250aeeae42cc9cf4a', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: 'b79c2d966ec218422e11edf5b661591c2e898d5d', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '81b42f8c551551001657ffb81eebe294f6d2ef20', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: 'a95c2c8e711781e08e119cf90a86be4533476ac0', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '2cca90d544882fa486acf7636a1d56f8c39a7e6d', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'f18e9bf17f567f9cb9428d0d526d67a1ed4fdf70', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '75a622c752d532c4d0d4e90c43c4bdd6a834cc30', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (index.h("div", { key: '1c1f6b756b2a8b2f9f2b67e447dd78e29fc4186e', class: "text_with_line" }, index.h("gb-step-base", { key: '14cb3ae80663bac66e8bc331ce89a3d890820daf', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: 'ae71edd448246a07e297d479f1cadfa767e3dbdf', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '12c413f3c85668c3e23aa68845c511cf1be0e119', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '8b5d3816816e3877ffe96b49e7621c8167574a04', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '223cf1c0e50f29d57e28c566f620a8b59556ef32', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'a9989e0c8df02f6577f549b476bec3c102a66f64', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '2981ac4e1abc4d28c6cb151cd3f4a27ac173890f', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

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

@@ -38,7 +38,7 @@ const GbstepperVerticalIconsWithText = class {
         this.stepClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '62bb6595229c8c4403b305a931033dd24729f4e6', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.steps.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: '4ab2c4c3132ad180c648bda260cfdb0c41987233', 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-stepper-vertical-icons-with-text.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gb-stepper-vertical-icons-with-text.entry.cjs.js","mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;QAE1B,IAAA,CAAA,KAAK,GAAkB;AAC7B,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;SACF;QACQ,IAAA,CAAA,aAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AA2CxD;AArCC,IAAA,cAAc,CAAC,QAAuB,EAAA;;AAEpC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC;AAElC,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC;QAC9D,IAAI,WAAW,EAAE;AACf,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM;;;AAI5C,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnBA,OAAA,CAAAC,cAAA,EAAA,IAAA,EACG,IAAI,CAAC,~~KAAK~~,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,~~MAC1BF~~,OACE,CAAA,cAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAEE,OAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,iBAAA,EACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAACA,OAAK,CAAC,EACtB,CAAA,CACjB,CAAC,CACD,CACJ,CACG;;;;;;;;;;","names":["h","Fragment","index"],"sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' \| 'featured_icon';\r\n @Prop() steps: StepperType[] = [\r\n {\r\n state: 'default',\r\n status: 'complete',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n {\r\n state: 'default',\r\n status: 'current',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n ];\r\n @State() internalSteps: StepperType[] = [...this.steps];\r\n @Event() stepClicked: EventEmitter<number>;\r\n @State() internalState: ProgressStepStates;\r\n @State() internalStatus: ProgressStepStatus;\r\n\r\n @Watch('steps')\r\n onStepsChanged(newSteps: StepperType[]) {\r\n // Optional: validate or transform steps\r\n this.internalSteps = [...newSteps];\r\n\r\n const currentStep = newSteps.find(s => s.status === 'current');\r\n if (currentStep) {\r\n this.internalState = currentStep.state;\r\n this.internalStatus = currentStep.status;\r\n }\r\n }\r\n\r\n emitIndex(index: number) {\r\n this.stepClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {this.~~steps~~.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === this.steps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n onClick={() => this.emitIndex(index)}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"gb-stepper-vertical-icons-with-text.entry.cjs.js","mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;QAE1B,IAAA,CAAA,KAAK,GAAkB;AAC7B,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;SACF;QACQ,IAAA,CAAA,aAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AA2CxD;AArCC,IAAA,cAAc,CAAC,QAAuB,EAAA;;AAEpC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC;AAElC,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC;QAC9D,IAAI,WAAW,EAAE;AACf,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM;;;AAI5C,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnBA,OAAA,CAAAC,cAAA,EAAA,IAAA,EACG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,MAClCF,OACE,CAAA,cAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAEE,OAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,iBAAA,EACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAACA,OAAK,CAAC,EACtB,CAAA,CACjB,CAAC,CACD,CACJ,CACG;;;;;;;;;;","names":["h","Fragment","index"],"sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' \| 'featured_icon';\r\n @Prop() steps: StepperType[] = [\r\n {\r\n state: 'default',\r\n status: 'complete',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n {\r\n state: 'default',\r\n status: 'current',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n ];\r\n @State() internalSteps: StepperType[] = [...this.steps];\r\n @Event() stepClicked: EventEmitter<number>;\r\n @State() internalState: ProgressStepStates;\r\n @State() internalStatus: ProgressStepStatus;\r\n\r\n @Watch('steps')\r\n onStepsChanged(newSteps: StepperType[]) {\r\n // Optional: validate or transform steps\r\n this.internalSteps = [...newSteps];\r\n\r\n const currentStep = newSteps.find(s => s.status === 'current');\r\n if (currentStep) {\r\n this.internalState = currentStep.state;\r\n this.internalStatus = currentStep.status;\r\n }\r\n }\r\n\r\n emitIndex(index: number) {\r\n this.stepClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {this.internalSteps.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === this.steps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n onClick={() => this.emitIndex(index)}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-stepper-vertical-icons-with-text.entry.cjs.js","sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' \| 'featured_icon';\r\n @Prop() steps: StepperType[] = [\r\n {\r\n state: 'default',\r\n status: 'complete',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n {\r\n state: 'default',\r\n status: 'current',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n ];\r\n @State() internalSteps: StepperType[] = [...this.steps];\r\n @Event() stepClicked: EventEmitter<number>;\r\n @State() internalState: ProgressStepStates;\r\n @State() internalStatus: ProgressStepStatus;\r\n\r\n @Watch('steps')\r\n onStepsChanged(newSteps: StepperType[]) {\r\n // Optional: validate or transform steps\r\n this.internalSteps = [...newSteps];\r\n\r\n const currentStep = newSteps.find(s => s.status === 'current');\r\n if (currentStep) {\r\n this.internalState = currentStep.state;\r\n this.internalStatus = currentStep.status;\r\n }\r\n }\r\n\r\n emitIndex(index: number) {\r\n this.stepClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {this.~~steps~~.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === this.steps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n onClick={() => this.emitIndex(index)}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h","Fragment","index"],"mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;QAE1B,IAAA,CAAA,KAAK,GAAkB;AAC7B,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;SACF;QACQ,IAAA,CAAA,aAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AA2CxD;AArCC,IAAA,cAAc,CAAC,QAAuB,EAAA;;AAEpC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC;AAElC,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC;QAC9D,IAAI,WAAW,EAAE;AACf,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM;;;AAI5C,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnBA,OAAA,CAAAC,cAAA,EAAA,IAAA,EACG,IAAI,CAAC,~~KAAK~~,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,~~MAC1BF~~,OACE,CAAA,cAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAEE,OAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,iBAAA,EACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAACA,OAAK,CAAC,EACtB,CAAA,CACjB,CAAC,CACD,CACJ,CACG;;;;;;;;;;"}
1	+ {"version":3,"file":"gb-stepper-vertical-icons-with-text.entry.cjs.js","sources":["src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.css?tag=gb-stepper-vertical-icons-with-text&encapsulation=shadow","src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx"],"sourcesContent":[".vertical_stepper_div{\r\n width: 100%;\r\n}","import { Component, Prop, h, Fragment, Event, EventEmitter, State, Watch } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, StepperType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-stepper-vertical-icons-with-text',\r\n styleUrl: 'gb-stepper-vertical-icons-with-text.css',\r\n shadow: true,\r\n})\r\nexport class GbstepperVerticalIconsWithText {\r\n @Prop() size: GeneralSizes;\r\n @Prop() connector: boolean = false;\r\n @Prop() type: 'icon' \| 'featured_icon';\r\n @Prop() steps: StepperType[] = [\r\n {\r\n state: 'default',\r\n status: 'complete',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n {\r\n state: 'default',\r\n status: 'current',\r\n label: 'First Step',\r\n supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n },\r\n ];\r\n @State() internalSteps: StepperType[] = [...this.steps];\r\n @Event() stepClicked: EventEmitter<number>;\r\n @State() internalState: ProgressStepStates;\r\n @State() internalStatus: ProgressStepStatus;\r\n\r\n @Watch('steps')\r\n onStepsChanged(newSteps: StepperType[]) {\r\n // Optional: validate or transform steps\r\n this.internalSteps = [...newSteps];\r\n\r\n const currentStep = newSteps.find(s => s.status === 'current');\r\n if (currentStep) {\r\n this.internalState = currentStep.state;\r\n this.internalStatus = currentStep.status;\r\n }\r\n }\r\n\r\n emitIndex(index: number) {\r\n this.stepClicked.emit(index);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"vertical_stepper_div\">\r\n {this.type === 'icon' && (\r\n <>\r\n {this.internalSteps.map((step, index) => (\r\n <gb-step-base\r\n size={this.size}\r\n type=\"icon_left\"\r\n state={step.state}\r\n status={step.status}\r\n connector={index === this.steps.length - 1 ? false : this.connector}\r\n label={step.label}\r\n supporting-text={step.supportingText}\r\n onClick={() => this.emitIndex(index)}\r\n ></gb-step-base>\r\n ))}\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h","Fragment","index"],"mappings":";;;;AAAA,MAAM,iCAAiC,GAAG,mCAAmC;;MCQhE,8BAA8B,GAAA,MAAA;AAL3C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;QAE1B,IAAA,CAAA,KAAK,GAAkB;AAC7B,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,UAAU;AAClB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,cAAc,EAAE,gEAAgE;AACjF,aAAA;SACF;QACQ,IAAA,CAAA,aAAa,GAAkB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AA2CxD;AArCC,IAAA,cAAc,CAAC,QAAuB,EAAA;;AAEpC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,QAAQ,CAAC;AAElC,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC;QAC9D,IAAI,WAAW,EAAE;AACf,YAAA,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,KAAK;AACtC,YAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,MAAM;;;AAI5C,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG9B,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAC,sBAAsB,EAC9B,EAAA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnBA,OAAA,CAAAC,cAAA,EAAA,IAAA,EACG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,MAClCF,OACE,CAAA,cAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAEE,OAAK,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,EACnE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,iBAAA,EACA,IAAI,CAAC,cAAc,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAACA,OAAK,CAAC,EACtB,CAAA,CACjB,CAAC,CACD,CACJ,CACG;;;;;;;;;;"}

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

@@ -47,11 +47,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '0a6eb96dd40c8dcac8dc910d854c34e4034c6213', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '6dc161fea6741787f786d200b3383bba778602f2', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '3f62afa836f3fab1064da2e9c44f03b2e806f40d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '8dcf4579235f99645a8fb849d426db1f06d3297e', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'b6d30c1c32e406c920ad7b4728e02a4a56c03a82', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '14bb2ac4695b5ec64b3b6bd54f9115593b9e9d14', 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: '7950f66cc78b7514de8c035b4e7d1aa879e1ee14', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: '65cc8561b65e7ff15b366a9f8d2a4f9d0d454fdd', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };