npm - globuswebcomponents - Versions diffs - 2.5.4 → 2.5.5 - Mend

globuswebcomponents 2.5.4 → 2.5.5

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

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

@@ -79,10 +79,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '2e739946e28d0fd2ecedb0ec6519f263381d1e4d', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '0a8f1b031384d7610c47c986f6e0d2ad03e5cdd8', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '644c4b42772f1ac93e8f204ff437e3f35fb9e44f' }, "Previous")), h("div", { key: '95a046377ad59a13def1adb54f20b59f94fdd23a', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0f8347f56ee08cc6e6258f281c1477be66b2d179', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'fa5a0ae518ad6823d50e4579329fd5fc0bf67f90', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '54f8e8f3dafa8ace7e7d58ca03607aacb264274a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '854937cc0cb305964fd6c240ddff40628f81eeff', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a1b6ee8d63fbd0168a12b2382570d922a696c8a1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '082c63175ad873b91db0657d081e4df90358cd3e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3dd8092b6ff3c0760f8f1e10cffbbd71c0d80db7', shape: this.shape }, h("p", { key: '75a6d5945ac64b9e77c9bc0997c214a9a84d30b8', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5b735077b74183de4885a1c8049c6fe88815495e', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '763ecf697830c67b79dae1f8fa07b3e22ce60918', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'b56067e320a8f22fdd528b1ad172356ad835e740', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '8f347df5c41f98055c91448cbfc16724955f3290', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '585d3515aad3de69b3c93d7488116d591c2ecc50', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '808f7fd8420749f432f39ffeb4f256260e0d8b69', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'b490f011b8b6fc5d5c9478b337bf59e7f4b1e63d', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce0c458908cb85c6a74a72fd6ad4e690be389b38' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '3eab606106f40e3fbfbc2c822b90f217ad43ccbd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '3e6770922c1b61b7962be197136cfd00c662de08' }, "Previous")), h("div", { key: '7e44f2c82cd94778bf78bf33bfa5324a760549e9', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '75a097e3b533838c1461eebcea2a4e8c6efbd7e8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8369e9123c626fdde36e2e69cb933ffc4343f843', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd97bee5bdb7166d05ec5feddd9628b086d2042a4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'aaa79de1202644437b1ea21b53944b991bffb100', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'dd38f79f30b6b06620857ef2982080c6a6469827', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '608a3b6c6e98d911f37b495b234e21f44319d3e9', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3007cdef0b0cd8dcbd971331668121906681a1fa', shape: this.shape }, h("p", { key: '40a7ae999898248b2431205ca63e15c324095bd0', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '110dd8886fb9a30029b8f158f0ea2236307e0dba', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'c5b2fc0f047c13f0841617e2c3552ea814e5c280', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '40722f9a1a1a298c531967d854235675ba45cf7f', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '82dd18c33a42bc8d3bb6a3eb6d8d653277c0fe65', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'e36f72f731adb20a81f3370f38d5dfeb392b3526', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '07a2af68d5fbfd911490c9bf731cd834a22487b4', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'cdd2f16679da1443d9b1878514bec57eaed5c227', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '392e9578873b1c5aa9661ecf5b787849b91cc45e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f7cfe362121d10eff563423f107b862bf61bc9bf', class: "pagination_entries" }, h("div", { key: 'b2d1b9e06b229a33229c97b2c2163bae85ccda9f', class: "entries_text" }, h("p", { key: '0147a762176b34feb06fbb6e3d4485f8400b12b9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1d8e7314a836c5dca9fe0f9b049a165ca959185b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f5b18c61e2e645398867881b4d96f29d345e986c', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '66bb46ddbc8211163757aac4ec2385a84f000337', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'e14a6c6ac585842897625d6beb126c1345bee083', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '08a69b6cdcdce9acdc381b032559bf5ff537ada2', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '877ea6a6e3dd2f97d0b5f4e7f10532933be4d336', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd2f9d17a6fa8b9170272ce7fed20d27f306ad4da', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'a85c84445f5c7b16d37b00113bf038f2b956286f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'c1c257d3934ab282276d7c386297fe1408f30830', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b115cad858085aaf039b03b6fedffea9b3ab79b5', shape: this.shape, state: "default" }, h("p", { key: '75568fed7739e67dd71e6510f2246bd991598aa1', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '12aee49166e40246ae9d3ca5a14094867b7a1242', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ec8cc01d5e5429541e7bce0dc803f6c45eb3405b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'fd4028798761bfde83a880c8ca01fd6719a9cfed', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd43fadb3647f63bda1d2cf05ee2787302e851dec', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ceed9ecf364dc6ccc8c1def5ac57de7aabd72b96', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '52456d700b9b84e2b448c02a6f25fefed6994885', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '4255ce30f334a6abb0b4c56ca77e68760fe6d2dd', class: "pagination_btns" }, h("gb-button", { key: 'dac609d493ca9edc7c7d42099dbfa10d51060e85', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '9b48071f8cd05ebfffcd217aab7764fb225a7fa2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8d0c157455dd1356b5b71b851a843803674f3566', class: "pagination_entries" }, h("div", { key: 'bca4e23ecd21fd15cf5a1c93bafe199246f696ac', class: "entries_text" }, h("p", { key: 'ba854a4c090ffba656b14204ea4843f4a6de0ec8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'e2d796b15ec39b35288cbb371dc6b38197004a9b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f1fde13b69c02ec341063d79e4708f1e378b3857', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '5ea37f7289c87e9408060543100f21dc45e87be7', class: "page_number_text" }, h("p", { key: '91a5a55af744e903f7e083300e694c0b34401260', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '9a43b1e86d98db0c3a3bcf589a6531557cb4827f', class: "pagination_btns" }, h("gb-button", { key: '4444d528b4b8e6c5ce421ee509747ac7e9d81719', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '83ed3a447e9ba6fa607942c8e6e58e734f45ff0a' }, "Previous")), h("gb-button", { key: '20d0967e38edc6fdac27eea3fff32b738186fd06', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0fe1a3bc7c5f00e2d7b1e0cce0c0e9435c9604c5' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '19a51a221c3156ef5a514ecde17cb8012d123ad7', class: "pagination_btns" }, h("gb-button", { key: '9bc85e364b741e0a6aaa6dddf2b5887248ac745e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fc258e9f19e7cde135b03bc345053689bd724bf8' }, "Previous")), h("gb-button", { key: '04488f3a0e4715184df7a568d948b13ffe192a52', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ac152503722b166db4e0bb978e5b85fff5fd978f' }, "Next"))), h("div", { key: 'ca91732b0365367faced24e8044f76b7e44e9032', class: "page_number_text" }, h("p", { key: '3af069678aaa1305634bed4d11ae49efe7e7f464', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'd8b5e5a7683ae837e67362f79673ed1d75974e5a', class: "pagination_entries" }, h("div", { key: '7c856dcd073b4b2f888616a166002bc8c9095a82', class: "entries_text" }, h("p", { key: '9870da50315883ba18c4d6c2c88d7305aa4aab35', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6919c654dc5e2f9a2ae0f1d7d6506d2a53e872c2', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7b9301a1e0d52f9fea3180968f034a4aeda03269', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'c78e30246f784150122007d4cebb3f912005b4a6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c6f904f9d14afbeaac46a1012fff4faaaa381e51' }, "Previous")), h("div", { key: '919c6fddc8db965693003015817a3808ccf62722', class: "page_number_text" }, h("p", { key: 'e0ed08f2e091ef46bb835ef6c494931c297992e6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9d034b79ac741097b83944f90755b4fcf6c4cd36', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '53f762142d187265dffdbac42b50559e1bc07c88' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '17719692a635522df0c29ad1635aa5d6818d50d3', class: "pagination_entries" }, h("div", { key: '93553b2b7165009329e4f09b5ea98a1df7d88193', class: "entries_text" }, h("p", { key: 'a4e24ecba5016d3d3f4aca95fd5b55d0191804e1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '157f7b7af5f50080b199dead714801a4c7930d3f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b19629a339c26d6afb6ade7415e839b71faa7797', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'e1c5ac96ffac6c684a4031c9538dcf0ea9022a8c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '53214666f9c4fb71ebf1c877379542be586403f3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'aecbbdcc99bb1518765c473049bd43c914200389' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '467654367f74da49ef425edd0ee48d27e861a321', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7b7612d6f308b7602dbe6cd25e3d8455811582ec' }, "1")), h("gb-pagination-button-group-base", { key: '1a3e61a445b74ecea91502074bd4895f9b41fd23', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '862f159aa2bfeddcb5d4d455e902faaede98291d' }, "2")), h("gb-pagination-button-group-base", { key: '4fa3f62e0b253c18475dd5bd620ecab92805f46b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '39dfbd609a6eec840eb474ed934b2cbf41b4bac1' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c905dcf00822a0bd6e0f144f7e52624c205eec1d', icon: "false" }, h("p", { key: 'ef4a07397ac700256eae98b18fa5b0963ff28ce2' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed50171bd7cf55bae3cb24e1506e616ca4fae929', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8801b172ebfc8eae37bea1b33bfabf32d21a3aa6' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '830c51f45df1511885229dc51fdda016ccd020cb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '167939bca1a442b1542c86bea7528b5fc84fe887' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'afb0ccccdd5e888c38a5ed5910f304af824925d7', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd6223f4853abba0c85caa6e8315e1e8fc37bd6a1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'bc800d549ef591fc8141b6785788fb665b1c59c2', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '15b42060cbe5b1a6474fbb71b265a68a4866e804' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8a2b29e3cf8f7dc8dc531dbf80baf71c8ae4e416', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4ce7e24cba635f3f341be9d66ccee1cc3c68c145', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ed5567a3258203d5bac0901f8f621089bdf548f9' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '12d42b949cce6deea840e3e9a8f326a904ad7936', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3fc87ac81e80ee01dbfc3224478061d3131e99f0' }, "1")), h("gb-pagination-button-group-base", { key: 'a3273df7f4c089fb19d3b454637f590d47328f89', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '53f03d42797f9f35593ce59c9257c2646cd4572e' }, "2")), h("gb-pagination-button-group-base", { key: '833d0cbf671295b99d8235d6e464fb99973dcd73', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4a8f97c8effa07824163dd1c90652fced1799634' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'bd4b6d4631180aafc3a2e9533386920575115a7d', icon: "false" }, h("p", { key: '788acafb24e4222d86e824e8565c5fd9ae64902f' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '84fe2d4935e45ebacc523e8d81c5d355eb1da826', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '79d55c5fc2e26caafbdba9c635126d9e7ba26595' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5491cb4e21344296b41dd06e734a5e5efe917995', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '412614211b45e9f64d030d52f1c0c461064a78c7' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'cbc2cbdfe9ab14f452631d120335a93c800155cf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '6c9bbe39bcb9c47c8cf2ea6d0c747a1d2dec9195' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4fd9d45e8518011b03573c2c880a90d7fe652f3a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2299ef1eb5a21349cb3fd472034fce14105f53ab' }, "Next"))), h("div", { key: 'dc1a64b9f02c6e82d7ab328fec42ef4562d635f6', class: "pagination_entries" }, h("div", { key: '13832fb8fa88f5ded2e82d4e39df9350c5a3b34e', class: "entries_text" }, h("p", { key: '7d2510939eb80a18e9d6f5f4efdd36f7b1e0bccf', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '861a2d6ea835bc3875facdf80c28a4ea19932e75', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c9478543efb044aa8cd2c5ab2bb1894d4620eea1', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c615e174b3d0edbf67ce350db442dbd47f9d5938', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd37ecc8e1edeac1dc12240e0476ac00909337f83', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd46c6c5dae31da5a98984d46eae61b1c4bbba4f2' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'c6744db6cbaea9a31e89362a227e7de878b9709f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '56a75bc952b0ce65462be99be1fdd89465b4d692' }, "1")), h("gb-pagination-button-group-base", { key: 'b90988941ff76ad911cdf641aeb26920329bea9e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '46417b3867e169e492de9a1a2e5669eb587e8ed0' }, "2")), h("gb-pagination-button-group-base", { key: '0b00a7ab35033874b8467d1ac9281c29dd6afa35', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '713d7f6ae6222a00115c918ac871dd02c4b9069a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3b5fb3dd51c70e52102c50f0260bfc288b2d3d61', icon: "false" }, h("p", { key: '786d59b8b0f9eb0717019d72110d6ee97e3c7fa7' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '61c5832c974a8157e65417368e349aea8961cd34', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '056df889266ee408c7425514ad0a425da786deb5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd95117ef4f4c2883e2481d1cccfd45b1bd63ef6d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a99d96349bbb68b3728be7da4461caf28585d65b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '25c886e19b593147c8d2769370ef874166989cb9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '588cc467178dd7f7443337b8c1e6b29eae19d55a' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'eae9b224f6b0c072069a9ea01df37969660cf9d9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '07ba9ed5380a980b301d14dbb0ee2c3772e39f97' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '1afc013ae7d32e649242a0719c8a6bb1a1cfd130', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'cb35a663e2b277034a1501fbbeb9f2ef15c85a94', class: "page_number_text" }, h("p", { key: '1a2590590f7f41c51aecc33b948c403b8952b3b3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ca09d787ae0e9c0610a1fb84ce048bc7069ecba3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '21f170bdf9fb55212f7b91ec68333458aaed943b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'bb5d760baeea266d069d0b2252661459a87545d5', class: "page_number_text" }, h("p", { key: 'b2f87221e67ce4cdfa4d830dd8d351f115fe47fa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f03a420593ad3e1130f003860d0c8e53d89094c0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '782518ef30a8ecb80b5daf4861fc0badce032364', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '06d9781935f15609d350042659d99e7442d82086', class: "page_number_text" }, h("p", { key: 'f64777539e21d79147bec02d8e6ca4dfa492f7f0', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8fb0d718411f43b1eba9541939a0d4e83642d767', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'b9a88ec0998e100e55e824044e600f52759bc794', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f3f8d51c2cc553819d4a89f7307913106b151d41', class: "page_number_text" }, h("p", { key: 'a7b0e902710a324ed6d84001a5367fc40f49ca60', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7cf3612bf240ebf786f44f6b3a8786b6995c9015', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'd65b9a26438f8a8355713981ddc5f2e3f36e93b3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'fd44ea53758be794de34865f88ecc5d821b51014', class: "page_number_text" }, h("p", { key: '1adcb44b2fe2052b216e50e308517afb6f80076e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5937edd805b68e33e46911cb7d69c7ed812c03e8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '2cf02b121ea8fa12e55897ea5c4b36c1e64310a9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '5d45fc67851ce2ab7c7433fb54b7c1c282ccae6f', class: "page_number_text" }, h("p", { key: '4b4a00d72df7e1ae858bfb56c45639a44f9cb0dd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'ec2595d5403413de87fc2c962406e01ea636b352', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'b0e07820abf075d2f4be6a359352be433461a02d', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '8393a57bffbc9883ba3085f7721054333cf838a7', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '9d0b9f760b439c27d3c63266fe1eba6ea286d629', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9cf710e1281b106d835f83dc2bf913251067f00e' }, "1")), h("gb-pagination-button-group-base", { key: '909895906ff078ae436cbdcb9a6a08017c85772f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b8ea4848723e01fea2df134d9d6835be02ab173f' }, "2")), h("gb-pagination-button-group-base", { key: 'ecf8007292127ce4b455f46f23559313525784fd', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c039c41cfde598f6f3176eb762cff3ffca3bb423' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c8f358ed6efc0ca22b8089c58fe5c09b9e256e04', icon: "false" }, h("p", { key: '714200da9cd0059d4b9c2f1ec76b68af65c39f98' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7377ad90e52a06b517367a033d89b57426b9ce32', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '82d857c746f8f50d60573c1b53dfaea1abf3e60c' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '78e11e826c1999bbd82ea29a869035387c726d3d', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '03e57f656e9462236a0e0357a6c1336c1bb025dd' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'b98b858a8bc0ce51f627f13ca328537c57049b9c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a64d560bfb62860bd203757df71dc4031d5ebbaa' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2973655c50c3f9ce79fde39954ae81f25445ab2d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '6199388212abf0f1ebc6f15a59b4b947fa4cc9b7', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6b4a0904ae6f7a9e3ffd483f5baff48f193984f8', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0f704e58775153805cfd5027f3fbe99e7a96a601', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '10f1e38e07442878cbff96ddb554b0bb1934d570' }, "1")), h("gb-pagination-button-group-base", { key: '7db5d4735f5144981d81fced0119a2eb08c4b693', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ca19e077b54ed1d6effd65a0acea0be593ef3484' }, "2")), h("gb-pagination-button-group-base", { key: '9f202eb8923e933ed237419ae591c49869b9de25', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c4e82f56ad68bbfee637494c2c183f576924304d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '50559248ea5780c74825dcc432fd9796082422c7', icon: "false" }, h("p", { key: 'c2197bbab385a1071e9dc48cd96c94f9dd6d4b06' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'c5a44392a42c6784806cd5c584939ee06b7b1bff', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'd600201b6509dbe92aac20abe8d9934ab746ad96' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f9dd07611e2033e7f88925a4469b12b8fb62e77f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a84605026fb84cbdb98b72722ae9e32627c0de4' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4aedd1bc99dc0f8f080c96fc8c1c1680e8ec61a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '76b0ca70ab2e6999ac7a49b2cc5da985897b3782' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd26c3b19834cfc8a781543253102e3a4036d00fc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '68619d5ddf6ce9780f0dcbc02857009d96d55c4b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9531f9fa7f617e2b078c4f5d839badd0c1aa0ee4', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '4f3819b980b008d634b5c53575f61715076de837', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '706cb41d793b4281ce0c5dfb69afac8841ab3b88' }, "1")), h("gb-pagination-button-group-base", { key: 'ce15876479b71962e3d5d3a103240a31edf68246', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '13a5b3c05e189f76a48d047b5a67fb2b223f3f7f' }, "2")), h("gb-pagination-button-group-base", { key: '4684d561de36f9b198be3aaec77c4f798a766e2b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd23abd59f662d74faf3c50cc3f7f3b91887bc65b' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd7d35b16d9bb308c45c96d682913a1544ee5db27', icon: "false" }, h("p", { key: '964d40a23529d5aa4891e26f0ea117cd784114d3' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd3b7d1f1f8e98f3ede2b3ac2aa6ead3076622aa5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '92c7620ccd2997a94355009849cae6a8f4a35ea7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'acbbd0c2390a5f64bb3fff439ae5616e6f960447', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2e90723aacd59cfdc74b46f460d8ded61ccaf911' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f93997d3db5eadd16af2c8abb53b5e97721ec218', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '8b9a1de825c773abef6df36676f4b351159d2e3d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4397802255af151918d2807ffb2a467f7330c119', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '8a52463075e9f67597a86e8187db91b96cb164a9', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'af7ba125c57a5a9b1534c0881af767cdc005595b', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4d5e45c54587bf4e265fc9da2b0f99184c57fd2a' }, "Previous")), h("div", { key: 'deacc4dbc804297a2fe8e57612ae13132506e7b3', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0b117e43dc8dc6f1c35bca94b96623bb3fdb992d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'bd7fb65585a62f3a8006ee631217ed9bd7302288', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b36523427a6977ebfebd6cbe59a24dc3c8d1475d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3f14370ef60ab7f6d34c2f0ed27d16821b6773f4', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '4c9b58423a029651ac78d6fa06e4d1c36ab65f42', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'cf5386b1a5a6405bbc6ce70598edb456051163f4', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c7808ec34608d785f3236b3d352e8c7b2f833584', shape: this.shape }, h("p", { key: '1c27c3d698744ed13f1b87720550e321f56f0bea', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0f908a6725abddb808590c4195410b64ba18c2cd', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'f76b360bb8550d16c4c5d54c00d57d2be50d7924', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '3a521a5604d70f14e1b2d86e722c1c8514014723', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e15c660d50a81b6a3ecb543f5df00c6eb0820d74', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '37fd936d6375824b32d8dc8ff600c63e9c6da950', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '52e9d260ebec1a1d1d58c859c536d1cee344c8ce', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7583bb3729d3d0bc509911aca7e052f33c801ca7', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '78ebc4aab673d1b43f7608c4e34b88a645b762b6' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '8066e8652828dfdb7bc86118cecb4e380a7fc815', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd54556e7adf8af21567f581b2b095bae91cd3691' }, "Previous")), h("div", { key: 'b13442fc72aa56c960365481125fcdc3f3d05513', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'c20174558b0ecd0b4f0a9531add42661f338acda', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '73d77272f8f78817fb00f3dcf5c473155898727b', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'b190ef0086891f00fe473a725f71074a2fd545ae', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'b02b6e9c592f2a48e9324926370514060791705a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '92c88b8d186b71aa67be1cd74408f0d3cb5f68b1', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '5812fa804d4c5610bc010ad0866b452218ad8814', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8236417f25f22f541b0653f61072bf4449387b6e', shape: this.shape }, h("p", { key: '7f5550da63b5ee12c84f2a387cb6b580ac37d826', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8ad23702961c0fa00fbb44fb63a72bee26d14e88', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '133da6f6041317a57c9a687d1a4ce4525d9996b3', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '727d31c93c86a54874a59edee9742b2117aa7252', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd324b210d9e75744068fcfbe87b98ca8ddcf2467', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'c625a9e6b91cac51a7bb2d9bc5b97f576186737a', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '247257af91765699ced4f6433401325f8df3ebb1', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'ac57a498577f5665b3936977e0707ddb34d9a01e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e09237a613757c562ac9b95459eef8666c5fefa0' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '45c0ee919f084e8481bf9baddd32f922d0abfe93', class: "pagination_entries" }, h("div", { key: '5c6e72bb0c50eb5d819789506345f99b57c08a80', class: "entries_text" }, h("p", { key: 'f08bb22b94e11c1c25b3174cbc5363ed161bb6a2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b1421b4a2fa2e607c47112f996666a940dbaa710', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '28dac8d83c2e477341daa26cf373fb5a8c6116b8', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'da3c5974ac73d8ecefd339fe058f28b05d6b634c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '1d15bf8c9c4000153fdd38194cfbdb2739195386', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6ccc002a7731707dfb426de556b4edf6840aef97', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '43a5f03f7abf12d53640f3ab90a22fee207c9a16', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '1d763cbbdbd1e114aa5b9d86de76a9f94ab4ff1e', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'fcd65e9fb1fee1b87c6cdae1897f875be6713a28', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0998c782676579f17a2b5c5c43ad88252911e5d6', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0035ac5228a4c50d3148ecbff0b67311ac950402', shape: this.shape, state: "default" }, h("p", { key: '8445217e727240432f46d81a8b1d834a51c7a70e', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9d100dee064adf1542dcc8780649a1b4b15b8f8c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'cf04e36967f51b056b1ec46a321d3100a7413ce9', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'c5c51081a18a337e9b49a9342777c93ee89d64bc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '97e9cea5ad23353a5975822aa06ff138ad275433', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '28dc45226d83aa10fbe167143588f1028dd35d5b', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'fdcb7093dd1cf81ac07fd93835a29f3dc5eadb88', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '482e9dd3a65a063c5b5396ee2452e576ea1120f1', class: "pagination_btns" }, h("gb-button", { key: '9e207fb43e41f34359ff0d86377851aec0ebdf3e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'e1bc5f0813578cfd868b8189cfed645a71f3b695', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'a28fb0baed8d0956ab83860b77699e52dd948df9', class: "pagination_entries" }, h("div", { key: 'f15fa058594e47db8549242d560154ee05a005f1', class: "entries_text" }, h("p", { key: '0168188c1e11a9d525c307d71e062c068d6a22e5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a77fef1ee6737ee958d1c4586b752607b65096d8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8d6ba20aaece6aa695fc56624e9f7c5fdafe1480', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '785dac9136a42df297cfbd3c4f130aee060fa282', class: "page_number_text" }, h("p", { key: '6336558c2ad75849013dfc87ee47795fb69af9fd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'fc80e94a0deb79fe8029044fd88ac90a5ac5be4e', class: "pagination_btns" }, h("gb-button", { key: '9d61145d7a8f7c1300448aa89c793a06c1c0cc48', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ceac7dbcfc186352ad923b4b037f7789b7e4a791' }, "Previous")), h("gb-button", { key: '859359328d33e621aac6f4d0ac26edcde8888734', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9546c9654e904cc874cf82184428c57cd4e9a966' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '44cbf249572cd86f1b74cce394a546c43b1a7c2e', class: "pagination_btns" }, h("gb-button", { key: '61b082cc12f8eb7c75c205ed2d3b7bc51505e9bc', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'ae3abe9891cfa7e7d73204f9f50ca8d4a7e48b09' }, "Previous")), h("gb-button", { key: '92ca4a2b4d015401bf799278623e43824fe6db97', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c158dc1fc0736a300fc669536ca0b7c220dc82e3' }, "Next"))), h("div", { key: 'cc8c2fcd48807a9260c6e6783b01a9c612ff7d8b', class: "page_number_text" }, h("p", { key: '0c566fd2c62789ed7607c882a3bd7a4f665dd4ff', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '93149bb04bb4cdb483e1d15ec3755d573045c448', class: "pagination_entries" }, h("div", { key: '5ecb54ca35824a164b8a4b5a6a29a279ac879d59', class: "entries_text" }, h("p", { key: '5a4c0a413d38513dbd6463e6b32c5a400f71b86b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '48e96e74baf3685d0a30e84dbbd83afcc5b92549', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c137737db4903df3f9a792dbc78798bdbe410830', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '778228217cd737a6ac969a944b721c4bcaa01e2b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2d17dcf4aeb5c247b68311706c0fd9f0b1f19471' }, "Previous")), h("div", { key: '6a8a862b0682d1f2cfb81ad071d7cc4e1a5c9fe0', class: "page_number_text" }, h("p", { key: '682cb99ec922cfd7f997fb29516100618f8a236e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5dbab873c15f493c203ed8a81cc9e1762703c244', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7cb5f2fc2555cf40beed4bb2ed6181764ff1bb9e' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f98095f221eb8c49e5ac1e5514c07483852d040e', class: "pagination_entries" }, h("div", { key: 'a05ccff021b69f8a76dfed59d57d77c82e293bde', class: "entries_text" }, h("p", { key: '5b331c847adae1c886de4ad35ed037bcb76eaac1', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd6f79dd4419ac971039f4012703f47738f7b0c86', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ec669327a7cd20513ad1e59e97e7ec1dcb0e9523', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '0a3a51c04ed4bb69c49a8928d3efb06dd8b0b842', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a24dae2ad04cb3aa1e53a7042b8b3b837e3c40c3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e70abff83deac34bd62077c5318b61a482b6d131' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3693ea963c154e0fe71fd43d3e3c1aee0e14cf2c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a413d02759f95a0fb3ba14c6ad035e24797d79ed' }, "1")), h("gb-pagination-button-group-base", { key: '2052b06e6fad960d2eabe665a102e8d0b5ca383e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c0f7337be1c20a186969bc461961b8682480a64a' }, "2")), h("gb-pagination-button-group-base", { key: '4c4370e76463518306dec69eb7affc5d9b9f4d81', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '644a62516b7499a80b145c28e39d7430099cc6fd' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f1df2e3f8f0b392321b7cbbde3372af660e03021', icon: "false" }, h("p", { key: 'a46d43680a4e61dc0cd04478fec08f0622b28fa8' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '47c1d0b93eb462044fa67f0223f0c0127c7cc0ea', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '16d472c280b72ee48887f11f6aa9d2d15404d1a7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'af48d4da3a56b57b00220f372e0c7b1758b95080', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a939faf83b7bd27855a71ed81b3983ceb8f6455' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '75d1f7d0e6858cfca70831bdf17f9c1f6fe73851', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '892680d5411c5d0a91a8664dba681caf22df2d4c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e27edb08a725ad7bc15fedd82bc2e114e6056527', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9689572b4bbb5a379cf757e38d2485b39415a408' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '60856ea80163dee8ac074d47642a55b527587725', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '4b9d7aeaeedbb91d7c8fc16242b79c081f4d595e', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5b34e628cf12c485bd80cf15465e3d6e82f5cc1e' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'f48a9dcf7ff88d71d0b9747bea242422a71fcf12', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'd29c5ffa297f394bb089d4d7eeda0473d2c47fe6' }, "1")), h("gb-pagination-button-group-base", { key: 'bdfb8f902a120bf15cede6609fde2dc62e586190', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'e421d20ec7f2f1765b106ee1e8e194c96f570c8d' }, "2")), h("gb-pagination-button-group-base", { key: '681b7ff71e39f01b04359d42c7f12eeb4ca03849', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fd24b9c6dd4015c7f01de48b1047381bf265eed5' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '7e7f9005f9410987c03a5b83892e8d7f61fe0b2e', icon: "false" }, h("p", { key: 'c07f663f05b8d6a350c2ef4b4591c9e591a3e07d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '311fba9d2db3694cb4b1483f6afce45bfb4dcee2', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0bc2e6f4d0b9f713793328ed057df2e872c7530d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '069ae2206ec903ddefe68ea872cc116d7f9634be', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a5d1a7e69576e22dd15e3ed8ff85db9230ce1c07' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '8dcbaa223715a33d8283ece8d24c718525b5020b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e7e6159c93d89f564c411ff0f3eefd9026e22c87' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f7f3d9b5576a9a996698ef362c81590309a6cd0f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd3abea095ee9b27686463cf74de416c9c88b4cd6' }, "Next"))), h("div", { key: '027b76270b64365356133faa8583b75bbaeabc51', class: "pagination_entries" }, h("div", { key: '9444915416154ef38a7b76be024eb53f17ebca32', class: "entries_text" }, h("p", { key: '0cf3fe1576abedadc26f4b44d5dd0aa8d51f83ca', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5daf32fd014129f59098e372de5dc68c2a8a531a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'fe1bdda306799904fbb8aefdc1c960ba499abaa4', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ef53f6762e873f50cdc914a76072bfeb8517e7f5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ca3091c924c3417dae365f19178520e7510993a9', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5b06e046d8c94760439c4a8e9bbc58ffe792a5c3' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '7664c561bc85d01511871a6d3b63590a41df5dbe', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3932f53158582024702e61222f6936f674a501f0' }, "1")), h("gb-pagination-button-group-base", { key: 'e225cb09587e0648c566bbc2738d6561269569b3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '24d22a187ea7b71364fe455f7124dde8209b50bf' }, "2")), h("gb-pagination-button-group-base", { key: 'f4511860448e992d7a72b78b040370b7ebe0089b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '8b620f830bc34663dfe5cf86f22979f0c4de69e7' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cd54eb06f81daddca065d3e6394e51098dcbf945', icon: "false" }, h("p", { key: '04d696342de122a31dd673f6c3d19511c2497cc6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '8caf376b9170c08467512f029d5b4175ed3d6717', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'd30277454ffe4d8822de4963edef3fc41eaf148b' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6b3172410b68d98a584e7fd83726d851cdc47b79', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'dc27c6872daf6940a81c01c951a231655a22a457' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'b7f3806efd5ada075c68e9b80514d5f969c76c83', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a5607260175c912a4701688d213d36ed740bf419' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'dcd5331551aab060d0ef576001f4878584b313a8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '071672b67bc8dc6a7e6947ffc64599ff74334864' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '3f1af3af7ac3b522c9ee31c516f55ea0fd42b3ab', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '721e6545bca59a98916e7b7c17ecd7afea308f16', class: "page_number_text" }, h("p", { key: '8415097070b1bd809dd6143fae72aeaece1e6200', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'edd8844773f9e83fd49578c4442d5078ed6a543e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f3d4b6b3c0468598152477df6a658f8cf61b5342', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'e5f35b2b63f3aba1df80514921fa1f25d57c29cf', class: "page_number_text" }, h("p", { key: '95dd2f454fbb74388a985cf8e28c313efbae2596', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '91d27c498d4ce6af2f4216ca72d91c18467d76b0', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '74fede826472a9f1fee7c8c59101b9c1d0f12379', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '37469fe3effe3a4771e71244fefa8aed44627895', class: "page_number_text" }, h("p", { key: '27d7c268fa6a2697f915c7b433fc6f0fc3d05c96', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0565417ed2dbcdcc2eea1560872850135728976e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9044312c0cb95d616a5ae264d8e6b6e08242cbf1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'afe5b59d538b0712f95028b11b8720a3ab5e5f40', class: "page_number_text" }, h("p", { key: '5a05b1bac4aaff06dec30283e87b60b7e6c90044', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '63499d9639138de3c1ca4fdb4713b9d41cf3d889', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'b8492871fc07f9e5e42198733e909e87577b9ac9', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ca21a1eaa9cb6db1d034441ecee931a332807818', class: "page_number_text" }, h("p", { key: 'a96f753e3839d22825374adc59ca1ec67031d1da', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0190b2f550b64b596c2a1478fea2a5677050b8a6', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '01d779ecc5377f820cd546be32d0fa76ecaf4726', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '2731ddc1ce83bf09aecc714101ef4fd0c25cb80f', class: "page_number_text" }, h("p", { key: 'a8bd60045b532e63e6f25be0166682741942a3e3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'da031d67b533562ec06979774bcc2eab43efb062', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'f99fc857ee92c89ada042bf76dc547eca4fffd82', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3c3a2a05c76f69b056cd7e778ebeb2f884fa48b5', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'b7f3902c8def47c5ad2cfff9d95b7eaab45e75d5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1e472819c9e7506a1b4e9f3c3ac347fe4762d0b4' }, "1")), h("gb-pagination-button-group-base", { key: 'f28f515fa6461b0e0f0321a202ce4bee71f12a4c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '68f03320947558d7016c420493b64d54281d1c77' }, "2")), h("gb-pagination-button-group-base", { key: 'f236a02b76ffa30993b59c4b1dfa4069f2561127', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '66d882052e5e7d12df00669d70821a6f82545b6e' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '67ae809dccb4f5b5facb4cc3fdf0412fe7658b69', icon: "false" }, h("p", { key: '37a81637baff4625d55ed17ca18d478f7c04e5ca' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '69b4e38ea5f69839d0499f1d69cdcff1e532c62a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'dfb007720f743f6a7228e5d02f964d4743db42aa' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e54b4ed5279ab6f0b2e5a141fd4301f8dc42b2b0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ba95a86b5d6306ab771e312d802a7970656db359' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '11c85f32d450cbc8b1f9493c32f8c48a9865ad38', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1f13e43999ff0437b4b8b2d569b5e0b09f9eaffb' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2f8ede4f02218a263e380eeb66d51ec3e621755f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'ef2d757662d8acbc57c71939daff3e8d663e2e81', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3dbfc89c7d0b2a21c1216551613122425ce13f59', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '788d795955b1ef213dad3156b1d44f483a39ccb0', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '1f10d4fd863421ccdc44ef00fc0a337e69bb0f97' }, "1")), h("gb-pagination-button-group-base", { key: '25b2de06d89ffd2154869b9f67f4cbfe191627dd', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '7ab01f19e4a1410faab5062ed00ee3afd9426466' }, "2")), h("gb-pagination-button-group-base", { key: '523421b54543cc86855c06967b0b165b0c942551', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '303bd713748065ca42a327cc7db4890d1d1a5622' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '347497ff4cdc8c40d1d92ac43c7c354cafa3fc64', icon: "false" }, h("p", { key: '5b091502b34274c9139db33d4060bb6224e9fcda' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2addb9910a5fd10e39a19eb48fbe2cd2c43fcde8', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'e591b023f9b03dcbdc11d03b90a49ca966636e6f' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a962564ab3ee269378965c01dad9b820e19b2c69', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '752ecb91eff02440448f13a4c51c15cc676cc09d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'b28ecc088cd859aa886de845bd6dc58dda060126', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7310d70f7e5fdd08b87a9ef5eebd132ba1227bfd' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'd834ab8cf9ec5efdd515add1da0405c85446bbbe', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: 'a75104f2a962b2edac923c680e05ceec63f7703f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '862047366ba31c32a33e7b229835c3d106f31b7c', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'd6a950cb3d4b13df7abeb47a257e908bea629ce6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '23d1aa41685e0b8c3bdec00cd7ba3ad0cc5c67d2' }, "1")), h("gb-pagination-button-group-base", { key: 'c0464c60ec57f63b48be626fa0128014b18dfdb0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a2e1acbca30924fa180477d643db26a149d8d309' }, "2")), h("gb-pagination-button-group-base", { key: '58c4e67cdf2362e1ced0f74358bb6246c8998544', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2f060406dbf6c5026f4227ecba36c57447c5eeac' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f0952ca41b4758642f6257f9b01ed35e4fa32bd8', icon: "false" }, h("p", { key: '14d3fe2204d165694490deed7e7d695ac312872c' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'b37e847a1676b955a35d430e138f1fea77b9e4a4', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8febe45a8eb7538b79cdee97b507411397389874' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'e2178cc864c7585142451c6a6e7a0ecf676e5801', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd6e95dd1c815f4c7d419379f9f664308371341f6' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e1940865aa5241db46aff7e9c4a236059f09b363', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ab3fe2ea2b1684ac827972cabbe9fcb1bd28f588' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2bf8354580ffacff46c8c5424ebff73907d45405', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]

package/dist/esm/gb-progress-bar.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '69e313bd11a9e5778913a7eab12655054b99e7e9', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'e993307ed89d5c6df173ff9ae4fca8685527a0f7', class: "progress_bar" }, h("div", { key: '6341576575348c6603e0efb552efcb45acc89dd1', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '67d294d2386c26fac3fa23e5048879efd1f64390', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '53228130197d369ea9bbdd1fd79e4de4d55e484f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a29fc64d5a60a989e6b1f12f983e68a4186b7aa1', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'b9814ba42ff334a675388d202317fe3e0f55c550', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9e98fdb693004c8d85828cb5edcc7d7219ed82fa', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b2e1dc16ba64bb0f1ccfee2aaef5f571ec739895', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '7af4aa8c52c5103a0b35ce069c0c7d2385fb17e3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '8abb6ba1a5b3b764a9753a11bd9477aff8f0610e', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '7b5f588b2e6fe9af299058295a1c7d4e3c1ff3c8', class: "progress_bar" }, h("div", { key: 'a3a498750bf2c0dd00dd1ef23e981cfceda6f2c9', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '51edae2bd32fc7c6ca76d6b4bf51318344140888', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '9213ea9b39419074ff67becf2af6492ffc853670', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '9de7d3e7745bce6febbd169025822dd23d5d725d', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '9141eabf7dc936480fb9178cd606c9dd543db008', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'f1d42250dc0da6d7a0691a2fa0b33ca12d08af27', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '5573dc8bf29b8ad8764f735e86f846c660d2aa8c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '48684d9d2e4fa0e9ab88a59812620f8552f387cf', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = gbProgressBarCss;

package/dist/esm/gb-progress-circle.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (h("div", { key: 'b611508e9cbcb12de8d169c35868ab08a6adc34e', class: "gauge" }, h("div", { key: 'c64d3a2facb06aac19f089f65145fdf4577814e8', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '384765a9cd0e7cc4f037f7a356c3029134fcde77', class: "mask" }), this.label && (h("div", { key: 'd6dad29c90bf462b55b2d6047ae8b2132b3ff747', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '404fd15a104c7e514513983515dffd266927c105', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '20f7941282beaed95d6371ea605fad3e366dffbb', class: "gauge" }, h("div", { key: 'f64b96a9dbba5a36cf34eb9bfd9525984217ee2c', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '5c78374e271f02e58478796ea96f1946f57d8911', class: "mask" }), this.label && (h("div", { key: '985e950be54530a5dae6df6861514bf7cc935991', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'ecf256f03dc17a1c656e405290707db13dc66ffa', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-quick-action-card.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '436e26442b2c74b0126bf9b36391e46d0be685cb', class: "quick_action_div" }, h("gb-card-icon", { key: '5d89ad683676387c25968fee5777094eaeaa801c', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'a3322df3633ac924a7097167614327173935f019', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '2d0f6ad01745544a2f22757b0c6f13bcc664789b', class: "quick_action_div" }, h("gb-card-icon", { key: '17a2a73f7df823bbb5495e6e9739da0d6786a3a0', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '4afb22cf909ff3cd29449583f7ae0ff060cb5b98', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

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

@@ -10,7 +10,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '2d0e5b4a3e71cde8d9f316ac91b13e5e034024de', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'b6c0f051e56aefc0ba7e8a636bfcc2342ce7a87d', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '151cec093ddd8471bb22a606ef3c601176d76f97', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '8b36e62d2b5f7817d2a5a5b88cf1daca19fff078', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'b784af6b45eb4ed324a84085ba73e97bd122c18f', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'e8799f94cfebbdf6237a6a0504e337e566ce0160', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

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

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'cb2d88342ed4fb31e756a7efaf3fcdc82b1a3203', class: "scrollbar-container" }, h("div", { key: '5d9c1fedeb95acb4124dde6bb9ed5c533f07f97a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'a73a6966f5170bd93c2fdd40477e441d02256630' }))));
+        return (h("div", { key: 'b7d2ecff45305c41777a3137bcd2cafce4c878cf', class: "scrollbar-container" }, h("div", { key: '3dabe8e03df5c4668f6ac955216f25a1066a041e', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '9452ef70ed6db4b59a337bd5be52d7231cb45f18' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

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

@@ -128,7 +128,7 @@ const GbSidebar = class {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '79e2336a6696ca5da4c54a4e6cdad026f5c1e5c3', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'ea1b5f3ac9b8a7b8b82e51fb2b7192f13f5f0b81', class: "pattern" }, h("img", { key: '518e52323abdbc8475b65d8b272f12b73350c530', src: patternSrc, alt: "" }))), h("div", { key: '7e5c3c3151007e2a1cc7a66ba75bcbb94f82ea46', class: "nav" }, h("div", { key: '3707af5d80db3a69ac494f41cd76c4c3d5933579', class: `sidebar_header ${this.state}` }, h("div", { key: '458c4832b5324e393c1be86090c84cf4f9ff601c', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h(Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (h("img", { src: blueLogoSrc })) : (h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && h("img", { key: 'd5cae5ee3e99d82b228de0b8ea5907cadfd28b1d', src: logoSrc, alt: "" })), h("div", { key: '391c92b626d5e95b697927d19c5129830900896a', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '41b4b11a0ea7e3f000498ecca55fef72b2773274', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'b882acd8bfb32d97278387fd0348bedd709128c1', class: "navigation" }, h("div", { key: 'd0a44a5388619c0a15fa1861917e0465005ea520', class: "item" }, h("gb-simple-side-bar-item", { key: 'e4552b5560c6e89c552919e760b4ec19656a899a', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '343f5dc54fb6b316fd1e296cd1e844a8709c57ee', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '2be5231e64db1f7c715d66feb9db135eafb3c068', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '047d509eb5fd0a712c7cd1db9dbc935f614f33c0', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: 'accc7cede515150721fdb8da2c54eeb27277fe85', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '040d643c890223962d6c9560848f2aac7798ad3b', class: "navigation" }, h("div", { key: 'c2ebd588fa9a3ddc60baf5d6aace51e98bc1b3de', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '5b97b1a3c254ea4ba25ba3d18d06b733c92a54f1', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '4de70299de1c651811e58f011404df38fb60c237', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '803270ce3aad89c3772641d270061b3d4b95e45a', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'c6c087b631259685fb57b80f23c52009cc171a3e', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '0830b79b1c4b4afd27b377fd9a7ac801351f9399', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'f0592085f34e98260d27c7b7159fb6dfd5890be3', class: "application_name" }, h("div", { key: '3bf35629e1ee95dc643d0d4b00c5a4f691583c3a', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'bde16a8be8506463bddac2541f33290ce4a52d35', class: "application_name_pattern" }, h("img", { key: '88a4843345ec235b9f2a5aa1feab77c65316bfb2', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { class: textClass }, h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (h("div", { key: '573db6e3f70ecd40aac273184df6bc48d7b8663e', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '2f8b84d3a0e1609dc843f65fadda70b60f51cdb1', class: "nav_div" }, h("div", { key: 'd76b814e5bed1440d8a06e64fdaeb0b8811f2693', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: 'e88379e160f750da670eb3c43d6c1664478b36a0', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'dacd92c17b79b360d3a9c218243bb374b7da5d31', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'b9f2ab6179d256f695fef085adc24909f3cd57ae', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'ca9e1fac4962b1126372fb42e33dd66c1ab90469', class: "complex_sidebar_div" }, h("div", { key: 'ea8367c467fc324c88ce3671192005ab178eddb9', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'cfa87d1f7f45f06197287bdea02bd808c57358b7', class: "pattern" }, h("img", { key: 'fc4fd994d28cee489623752be7ba96869421f200', src: patternSrc, alt: "" }))), h("div", { key: 'c53e56ba752592c998a3590e3f07064d07e5042c', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'faa0f03e70876bb1f4ab28361cb0f42a80de3a7b', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '8bc668a595a5932c378c16670538dfd7f9de5b1c', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '3e8094f5c6e0a41ed9283ffb707c1b1b79acdd8e', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '220f92c2fc5fa48fea4c13973bb60660cd9f1bb9', class: "pattern" }, h("img", { key: '99d17d8ba0ba7b59ce08598ca705a78d60177f6c', src: patternSrc, alt: "" }))), h("div", { key: '252b44d941c5a36c7afe73c4f42e14a706ed8df3', class: "nav" }, h("div", { key: '1dc60e8d4ae7eca33afd4bd8bca279b6d3080647', class: `sidebar_header ${this.state}` }, h("div", { key: '110f8606538a298808fb09c247fdfd080674cab6', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (h(Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (h("img", { src: blueLogoSrc })) : (h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && h("img", { key: 'f34bcf94c6bb1737232bb599117a3a3adeb60cb0', src: logoSrc, alt: "" })), h("div", { key: '9981cf4327da89701a6634027bc896c526440731', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '52934f1c0779cc55a7fcb8fb6ad50b09c54a2074', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '5cdb175fc572cdfc3b8f5ba69f84118af0f45094', class: "navigation" }, h("div", { key: 'ebcd656cbe61df330edd7c731599510130277f1f', class: "item" }, h("gb-simple-side-bar-item", { key: 'a0757faa75f8515aada2468b68239f25f0b76701', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '8865f74b1ee0cb52dafba6e8fcee239e08ced11f', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'b774402b11b8bda075b482f93609d2e4b0ef071f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '84e048c37f8584756948382e167ed510c390181a', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '65bd65c7b100594934de33da333b0718919732af', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '79232bce749e7037ada40e662382c26a568c5b20', class: "navigation" }, h("div", { key: '861a6a010fb3d1190dd41c508d3515cfbd0aa883', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'b54d04791ce151572d1843902f16ace832a5d3b0', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'bae683733b2af5d2e5cbde09b48df95259a49e49', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'fd04aff3a5a691fdd5ffcd4dd69d299d2af71423', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '3cef2798de2b3e0d8966c0f64780c207440b53dd', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '1a2cf6b792749d8bcd0c349d1f1d84b76ae3d56a', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '4b9da1445df58c5364a6d498fa6d2ff6d71f627f', class: "application_name" }, h("div", { key: '2ec6bb7a03a3e1956327ba4acd207fdafee1ff45', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '6d5c6bb4e47165c47a03733bd58452f7633ab66d', class: "application_name_pattern" }, h("img", { key: '34bbdea52cdcfa602265339ed1d53490ae6e8271', src: patternSrc, alt: "" }))), this.hasInfo ? (h(Fragment, null, h("div", { class: "information_header" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (h(Fragment, null, h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { class: textClass }, h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (h("div", { key: 'b5807379c3c1a1a6a3201e0c9e4aa98b9b103c58', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'e60378fcb60db437e7405a137f34221bc6017253', class: "nav_div" }, h("div", { key: 'b9b2cd13a41ef5465f39eb2dea6671ea0ba41bdb', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '2caba0c72d7877a355b1bad0830ccdf8fa8dd644', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '7892eb299b690d86bbde207ba36bc678429580a0', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '87ae47754841c996efb0d3ba66dd1fceda6ac659', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '474b32fc5a8ae3cd32ec08d3dcbfd8b05ff802ef', class: "complex_sidebar_div" }, h("div", { key: 'c2615fa439502e06f7dd5914695b6fa8501b6515', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'bf4bc543459e69c8667285a1548662c6d76d92e9', class: "pattern" }, h("img", { key: '2c7313c932d0bbe87ab00b5bce71fdde0eed350c', src: patternSrc, alt: "" }))), h("div", { key: '9543421f945f675cc855c2c23b187ddc55fe316f', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'b50007ddf3180fe75448cbfda26676db7136a385', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '6f19317500fd77a243766bd96207601abfdb91af', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-slider-control-handle.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '58ac62ac82a6b714617e5220f07534159f76c906', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'ac827c116571872c2b350d64b6214b0415c22d03', class: "tooltip-container" }, h("gb-tooltip", { key: '6e80754a5214632080ca359519984bbd0ca73f36', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '8c9a64d1687f4186d323e469564e38e3637a0ae8', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '4b07653ef5af44e17343f51d639812c44a09549d', class: "thumb-label" }, h("p", { key: 'cd873777fd1413e34fe83257017b56f39439074f', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '41c8e4ef3c91127dc07bb0857091a7aec99c7842', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '6054a72fa9791c530d236c337899bb3f2a4d2cb4', class: "tooltip-container" }, h("gb-tooltip", { key: '6b9020268b51b9d67fe984513d0d00ce147d83e4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'b1e3f821c046c00685d9a38f6b6a674491d92d59', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '4b7a19f3bab6a6ce6e6b4d97220a9bef79a89126', class: "thumb-label" }, h("p", { key: 'fb85a693b6b293a5b06b6613284e40fc97a00e18', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -76,7 +76,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '03dd3d3c883a37fcc29b0eba88fac47aa63bafb7', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '110e060cb48c5d356a293b90bec2be5ab68febb2', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'e9f84e42f728a3ed55205441d1dd21dae1cef7ee', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '950c22fbe1bdf0e548fe55f8183c6b94747ece3c', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'bcc2d00f547d4637f062f094b0b42fb7a5c0ff85', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'a44e334086e0264f92a0fb26a4f5e3c00b60fb2e', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '9aa17bad2c1017a42514f22174fa55b074211975', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '29949031dace5b30b8833ec23a9e84609fb726cd', 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 getElement(this); }
 };

package/dist/esm/gb-step-base_2.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const GbStepBase = class {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '639e6cb365900b52ef4c026f4452c6649aafc28d', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '92ac8f08e83cba0c861efa65f0fcb6808cd4724d', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '86b07fe80c2c05b02e57bf3e50ee0037d7baf123', class: `text_line_div_content` }, h("p", { key: '6fd9780a4ccfab8f4b097d6ac6ece31fd041681c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '296379638b82a0cfc49bd159897183520eb7dd38', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'a52f3ffa46f9a255698ae963c57e3aaba304b437', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'cb165d97b5d27c4c4c9306f20679670c52cd3e26', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8326bcbdb809cced6bb4b716420108400652e164', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '8f771ef935a58c2a4cf2deb3c3c34d7273bc7cd9', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '6d28726e4e4cf9c120618332e9c1aaacb854e032', class: `icon_left_div ${this.size}` }, h("div", { key: 'a297228bb86abb08d6a30c13724a50e88dee6e0a', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'c39533e90244a39e7f16d9656d0652f894876354', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '0e7294d92de50f295e10a08b47d92844103e508d', class: "connector_div" }, h("div", { key: '01909724723c3c7beb7f2217c26709f63354c4fa', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '49c9de23a26be79afa745647c196b79cb1a724f1', class: "icon_left_text" }, h("p", { key: '891048880643bb5a12b6307d9f76775b565e2473', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '3e06d85ac2f98b7ad2b37ea42260154bff41eddd', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '9c01f99452a75ad759046a93106948812087d259', class: `icon_top_div ${this.size}` }, h("div", { key: '9ea6c2a83c392009aa969f9de372d3cb6631508e', class: "step_icon_div" }, h("div", { key: 'e205e4ddb6903dc7d956fdf89d1176cb49911114', class: "step_icon" }, h("div", { key: 'e7b1f9325cf356b2059f8ea22cda0f94195aecad', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'ef916988c69741e0173ca85c656c966783ff8eea', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a23e588a8203e185432d166d672df6a2ef9c3986', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'b131b17c1f37c28e2ed2fb29be66239ffa9674b1', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '483c5c5c5599d235477fc58ce2dd01e19fb56f65', class: "icon_top_content" }, h("p", { key: '89440ea1cb4da86e8f5b888fef2917c5753b4e65', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '2197bbd5e8118005700d51183185baae32fe3099', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '3efe5670fa498ca7a5f761ae59f8c3f15f593aba', class: "featured_icon_left_div" }, h("div", { key: 'bf0a80c058428dda7ef66dea4f3dd630868b15c1', class: "connector_wrap" }, h("gb-featured-icon", { key: 'd1a89bee5961b3b4b7edacb7bc8c7abe42fd2b8b', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: '03517f8d7c485677cf53fd1fbe93d5603b687e43', class: "connector_div" }, h("div", { key: 'a59e4c5befd99d841356d21cae31e566adadf94e', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: '865c51165e984b8ef82da08f51c8c2115fac7f48', class: "featured_icon_left_content" }, h("p", { key: '8bc559cc746d319dcabbda1ef5fb6d6703ed4d0b', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '400211b284098a6cfee94e928dbb2e6ea7633c3b', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '66c7d5d346cb897ba6df209313741770187164ae', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: 'fcc55e660368da7a6a4a5b18b79cbf70062e5d88', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: '64fdbb6673d642c1e957891ac52582e5f12af7a2', class: `text_line_div_content` }, h("p", { key: '76483caafa8492f8563b724163a80a2541f4d0cc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '6ee48d4cc3ad3842235c0c477b9475f0a7dd3f77', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '0ac6f3e4e96ff7fe1e21b27b22581f7750d68a6c', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '528a1fb9a89401dea5bfda490ccdd75abdc7f328', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '5ca9d818c7c7744d5669e08f7ccf7e00ebe23c25', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '7a5001e1d671b3a1d9190f0b03b7cc6a652d4e72', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '0195f1876b3c2a5cda92f3afb4651738ff9c8c6a', class: `icon_left_div ${this.size}` }, h("div", { key: '95cc202fa731be46e2ca36f14fb017930f56ea75', class: "connector_wrap" }, h("gb-step-icon-base", { key: '2deedfc78528a195ffb4c2ef965f73f60dfc1a95', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '9cecd5362eb37905b2af261bf29dd56fd93eb4b9', class: "connector_div" }, h("div", { key: '923cc3a3ba3b10c4b74d783f4dd15153c22cd62d', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '32c3f701ea5cef81c6c0a34b8164cdbeb144f038', class: "icon_left_text" }, h("p", { key: '109c3873b72014079609d43ee82df7380d1824c8', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '711dd1e421b62138f23e50c6803669b052468f98', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'e4ece22d30bfc41718b3c94f2150b356b7c8e9ca', class: `icon_top_div ${this.size}` }, h("div", { key: 'c0d1193495b12d5bc42ca642c8460bc708e3ea6b', class: "step_icon_div" }, h("div", { key: 'addba14a030b9aa4a5a01cbccc0e28b1ff06862b', class: "step_icon" }, h("div", { key: '2d7eb6446939259f47548f75d361d1237a379650', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '38a3c7a71cb6cc0bd76b398f79412ccd3d154464', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '2ae5ecb8a58a2f4ed2553d17e42bafbdbd44d6d3', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'b72bbb7444670e19af641e953358a9c7600e80ca', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '036701bffab8d0f9b064546516d81f4915e89bfb', class: "icon_top_content" }, h("p", { key: '12d74417ef7d8ca84fdbbd5722e7375ab4a2e2bc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '37fa2f156dd6b5521828f107f52257ae8743643f', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'cb9f1270770b2818172522f693880b734129788d', class: "featured_icon_left_div" }, h("div", { key: '6e24b4b9ca8df5b125aa1536007697a8661b9622', class: "connector_wrap" }, h("gb-featured-icon", { key: '793cdb2c7c308af7f7333a3f7009801b1c621a32', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: 'df7cee9f3381ff8d96739522ff3f3368efcb767d', class: "connector_div" }, h("div", { key: '19e91fceab303a135a43e8b53cb731f6cafd4883', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'e3e30f0b741034495fdfe51bc9a78e2fa2ef834c', class: "featured_icon_left_content" }, h("p", { key: '85adc6290ee762514a324a617597adfebf1ac668', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'bd85db860fed8eee5844349030ae6426b1b8d62e', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
     }
     static get watchers() { return {
         "status": ["onStatusChange"],
@@ -68,7 +68,7 @@ const GbStepIconBase = class {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: '3991a4130af39b416b9d0a18e02f7dc083319e66', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '320c3f5cff18d776129c8d9ae333684835bdae9a', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'bc7ab23c82ea867776d4d2fbc7e3d9a06f9704b6', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'e863216e270463700b1e4013fcda116b9a59cfcf', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '425e8d94dccd8f7551fd70ee839d47e2f804e6d5', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '664d3d3c0ba9eba606952dd726a4aac07b3487c9', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '201c249f60c2a9e200ccda437703ef82e7da3258', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: '9c1b32de4f7013e81cf06d4b32f4ad9d1c34c722', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get watchers() { return {
         "status": ["onStatusChange"],

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js CHANGED Viewed

@@ -33,7 +33,7 @@ const GbStepperHorizontalIconsCentered = class {
         ];
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '922125f3a42078da301028a5acb2d8bc267c4f11', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '4900a2540fd0c51859d0ea94a5ead7225fba0033', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: 'ec0c2b71ef7e4ae8e41c0f066d0e313bd0115754', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '85c439031276da53be6916a50d137a2ffff84dab', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '03c64e29f9864ad341b466645db182918d6437bc', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'ff4d31abbbfb7c4bb2f0d671506f2e834477f04a', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '84f5eb049a420b96e2d2e5b65921f6e9b50c5c55', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '8b309e41aa0ef502ccef4cba6f0ca8dcd8a95269', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
     }
 };
 GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

package/dist/esm/gb-stepper-horizontal-icons-connected.entry.js CHANGED Viewed

@@ -25,7 +25,7 @@ const GbStepperHorizontalIconsCentered = class {
         ];
     }
     render() {
-        return (h("div", { key: 'b06d28343a9f06c5470e52d93f15e372c23ddfe3', class: "icons_centered_container" }, h("div", { key: '4ae1bc9f1f1fc399bfec44d25049df07e3367639', class: "icons_centered_div" })));
+        return (h("div", { key: '487ad0912adada6886913c5e02bc20aa3fdc2841', class: "icons_centered_container" }, h("div", { key: '5f9915ee9e3b3665a07e198e66ae2961fe405be9', class: "icons_centered_div" })));
     }
 };
 GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsConnectedCss;

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

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

package/dist/esm/gb-stepper-horizontal-minimal-icons.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ const GbStepperHorizontalMinimalIcons = class {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (h("div", { key: '724ddab65f3f69b14b0d59a72fe9f8cddb891919', class: `minimai_icons_container ${this.position}` }, h("div", { key: '7597ad91201c486897c1af37b199771e2011aee7', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '4147c1d1c979cb689a5af5241872ed71d6fc75b8', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '5342c8e235c342a168e659496ac24f467e8c691b', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
+        return (h("div", { key: '02bfb7729d6db31cf4357e1478ed10917ab86ed2', class: `minimai_icons_container ${this.position}` }, h("div", { key: '0ac761188cf9e33af267c86ae43718e6544b9f22', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '5811b2e90c3a32f71d749a195acd7b7b483143bc', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '8dd23fc0854abb0ffc2601be929bfe8214cefb58', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
     }
 };
 GbStepperHorizontalMinimalIcons.style = gbStepperHorizontalMinimalIconsCss;

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

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

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

@@ -45,11 +45,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'e86f412fc6eec92dfe312167dfffabef43da51cc', class: `tab_button_div ${this.type}
+        return (h("div", { key: '5722100d3cb7a7407ee920c38aaffdd077f824ce', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'f6bc2439f82ed834d427dcc77f450ce3d73d7f02', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '51d6a3851dda8fd5e34d4d4f8a18a045ca8866e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'a858ab2d3e7fbc2399d5fe00a48199211c0d329e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '721ac9b3dbe674e94fba49cd13956e26565704dd', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -58,7 +58,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: '718707a6546eac7572f7004b4c307e0a2f6b52da', name: "count" })))));
+                                : 'gray' }, h("slot", { key: 'f57e02a65c3d0b924a86e3e5f2aa504d243c7a4e', name: "count" })))));
     }
     get el() { return getElement(this); }
 };