globuswebcomponents 2.6.9 → 2.6.11

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

@@ -77,10 +77,10 @@ export class GbPagination {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (h("div", { key: '1d57d3f22dab3d7dd42215f363d2afb162cdbf3e', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '585bdea279a6e51341aecafd629eadcf7f121da2', 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: '55a35bcca549df6cb664d27b76e1709a81df869b' }, "Previous")), h("div", { key: 'a0d0cb134d444ccf935249db918dcef7bc3de404', 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: 'ef4e3f98d1858ec7b6c043a861b3312568ad9e11', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'ca59f24cb089f7b15e9afc11e62461357193526d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '44580d7ca0f96b6b3167b303e08bacee14cf23c3', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '6e8df4fd4a4b61f6b9e212d2b351b827e99a69d6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'd435d3e67172347f0fc1a278f7ce256719b809d4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'b0c48a06c5159a29f519c56e2238e6ba553de422', 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: 'b93ea2549023b4d3c0e55be36ebd5472cb011caf', shape: this.shape }, h("p", { key: 'caba476c85c2e7554ead622f6b0550e497d2a2d5', 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: 'f3dbbfd6a92641119ca6ad685ac8d465294c02ac', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ca3d319c1754423583d45cad0539e4d9e88e0cd1', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '61ef1da256ca6f372f034c87ef864cb7ba8c22f2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b32520c70c47745a77958e09d4a6a9eb757cba5b', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'b46652b3173de7846b1e75f7a518f7df96998180', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '93267e1b406ba3e963e385c1823ccdf491c6fc3c', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '7bdaaf9960016f2a86550fc5b3f3a6e38d6e8b17', 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: '83d5f76b64c933574c3ef4ad7950f412a98134bf' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '12676ec3a27d70cea4d8b462a1c7ce428500453e', 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: '4f0e0eeb4eb6dba0dadbbe4225c1fed7334500f2' }, "Previous")), h("div", { key: '418b56fbc765963cc64fb6c4daf43e1e89e16966', 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: 'e1cacca10d5563eab4667f3518649ac99619c772', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '8448d2efd82b4807d8349127fd9adb59ae256e9f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'c97704d38455cc005f2c8d7b5aa52381e83c2865', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a2f89406d2e19f1cc1f88b5c03b5be1aa9be0999', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '8854ff8e17998ee53367fe2098fff9343b12c9de', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '8dee05caf15670937f133de437a9d42089fe4143', 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: 'e33afb8d199945b706cf2d7a65c862c5ca8a2f14', shape: this.shape }, h("p", { key: '5d38430843a1a489e115df136826213c1ce560ce', 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: 'bb128553f4309058b9301cf59f86e5c1d209bd77', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b0e04f95861427f82f4a971df65b660bd21486ab', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '72593217a1b7e32375430e1829f798cb35ca8feb', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '588e5cdb0828f7561cd7f2580f6a93114f2035ea', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '2015e2447fd81ed3697e4d46d68a1c7587b9ab10', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '76476cbf985852edc7b92e07b3a30e8106c3ca34', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'd52624f95897f09aa46b683713e94efff0883acf', 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: 'abd307a6263783a344320d1621bcb66b1de88a1c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '0252ff7d648167131f302a63aae31349e97fd3de', class: "pagination_entries" }, h("div", { key: 'd8d353944c34955db67abc656436bf9169fd0bd0', class: "entries_text" }, h("p", { key: '20e1a30e6834278c133e86631bb6c91033ba0a88', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'd56e25c2ab97abbee7b988b1d70d271f22f58bfe', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '416d96052e5bbf691ce5c2b89ccef4f12cfa4af2', 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: 'c24d4b20c7f3b90d1615185a15d63165ed31c368', 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: 'bf51aeefb85261b4b22991c8459e47f93a5ef72a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '6c6a02b8fcb3728251aba905eb8764e0eae380f1', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc5decfd6ab4c55a947731d87f2eb93adfcf41da', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '598c2854baebb7717f88986a40a068d3f40a8751', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6519977759efbe279f2d91325c21836aaed22aef', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '04fac6db97e9f82aff3f5bb363895457dfe06c01', 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: '89528781514f1cfb0c6c2520fad8e9c1a589501e', shape: this.shape, state: "default" }, h("p", { key: 'b12e66e8709a68e7da48656f4226e968c860e43c', 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: 'e64171a9637ebe863f19ac3e56bdca2f8eb20a16', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'cb9f8b070a56888eb68dbe3443240ecd35c0ea18', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'bc83b9abd976a01204234cd9e55468c6d0b3d388', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e2309e2260ed3d9ab5e7e761bfff27eb69dea7c0', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '4e6873995fda9968eab9419dbef71ceff69d33f1', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '7975de5846fdaf57e719e2b6540c1dd37fbe6b75', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '39053230bf97671d49e3f8dae941bd9e8bf0d4cd', class: "pagination_btns" }, h("gb-button", { key: 'c4cd76dd62a23f9825e4426d3770f02f9e758ce0', 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: '96f78bb8dc24e92cc1962d34afcdf2f4c389c1f9', 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: 'd2a59f2e4f22b75d1209a9fb093d5e05d64ef75a', class: "pagination_entries" }, h("div", { key: '9b1fe47e044ea6669eb994ab97e5d631a1f86548', class: "entries_text" }, h("p", { key: 'd32deeb28767e5e51403f50814f3ac9e9afed82b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c22bb4ae0971c6b2d9a580670c819fe40e878f98', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f15acd472a33448f9582274bb9737a467e2dcace', 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: 'd73f36eaa1a8de746cd718210d1209a916be754c', class: "page_number_text" }, h("p", { key: 'f7b6b636a8b3052194f27312bec63bd13af0ef50', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '826d308a7ad64324801f9ed4267b342a3ddc0346', class: "pagination_btns" }, h("gb-button", { key: '1f1aa2055e6f8874091e4424178b7bbf6606b5cb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f3fc0aa39077e1f23c61d58f7bc914786c04af82' }, "Previous")), h("gb-button", { key: 'a3a1cd018d5bebe124ccad2b18d98ba1d2e6123a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a3e74e1265584af6b857414a08b4f7f5047433b2' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8b89d76313157818126e9b7664d22ca8b6633814', class: "pagination_btns" }, h("gb-button", { key: 'bda681adc181adecc43401e780b563d96d7e9379', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c47f3f9c65c5f2b32974bb9802c767e8f04cdbff' }, "Previous")), h("gb-button", { key: 'd5b42f50e2633949dc7287f4d7e4ac407252079a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0ea00789df8ababafdf49d94a49003424da49143' }, "Next"))), h("div", { key: '04e3ddef83a56f992c97449b45c2a128265de2cc', class: "page_number_text" }, h("p", { key: '1422a4bb174df23a653000a94f3da26acd98dbfb', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'baab072e1de0712af7c0f4f38eecf39cc6038938', class: "pagination_entries" }, h("div", { key: 'eb47b5ce76d6e0413940b47dd1603d5bdc18b0ce', class: "entries_text" }, h("p", { key: '07f1c316d351ba1795acce28de20b2e34e427e76', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3593dd34d26bb6e30e838d49a355c710da6efade', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7237e35c72bcb2bc649b1a64dbf582e2e6d4936e', 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: 'c4a57327cd1a4d3f7e7405720907f269ec0421fa', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '2bf459b3848c6c27de356a9b7f8e416abc68c3c9' }, "Previous")), h("div", { key: '393315c0c7e3fe7f20b132f74f877119c9f5f5dd', class: "page_number_text" }, h("p", { key: '3ba07a97ea7090f2d3aa0ef9c45bf7519c40c2a4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '55bc73c950e24cc4875757bf162891617169eb87', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd99ad7b76c0db27e68f26f3bcf9a57936275b1b4' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8d46941f35f74f838637eeb619c907f02650d937', class: "pagination_entries" }, h("div", { key: 'c7bfe540a8313600a710ff17264c4e73dc33e60e', class: "entries_text" }, h("p", { key: 'db17a37e6a5f49adca89648686a281c1b08ef70e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '05c59c06143512245b34444b6c27aff20dd71081', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f7e49cc9a45671b542a6352e918de9646cccf3bd', 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: 'eba48bcc4a82d3f58cae129a0c0c530e8ecd4549', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e55dc2fc1466bb74fdbe7e9df8dd1fa428d356e6', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4677822403ffe998624f4e552742b02139b688bf' }, "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: 'b036e6e570d02f2100a6a1b34d64ec71b237617b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c9bc7c3ce92c59ca64e8cc4bb8901ea835ac09b7' }, "1")), h("gb-pagination-button-group-base", { key: '98d87a7a8f5bee9bec10fe60f0569a310d43843a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1bdfe2be7135a2441c41f09c5481bda7e7b50b3c' }, "2")), h("gb-pagination-button-group-base", { key: '68b314e1b0396cf7d88634c4d4e90705ce797379', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a407d2f3a9950d489ed8e6b1ebf9499eaf335eae' }, "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: '200b673c60a02cb3c331eca78381772f18845ee9', icon: "false" }, h("p", { key: '20915e7b1b8438f59f7649c2bbd352df8f90e7d9' }, "...")), 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: 'a75b844e4b472a3a9169fb5edfbe146e51bc6462', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b7e900a524b013b7b5b8bd9f63e2360113e625fb' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2ad4bfb54a5f4e7a5a43078dae4db3473d7e1265', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '67c4a64dc3ede04d437c315e73d8a909313fba1d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '445f6fcb82c5dd4c1731be43e02e107664a51d11', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '716052f140d28c44b32f0bbaccadcdc3678990a5' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '67650ea6758598eb9d7b933438194bd820172b3f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'da2190f35b3da12c1360b78debddd537ed466f6b' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '4a930a447834ee2b6656b3b1e434a2d39f1d96e8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6b5eeacc4194a88ec95e8a2e31d02370398c0c51', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'bb3f7b9335f4c54241d545e1dfa0288558ff7812' }, "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: 'f018bc976ce7f42097108331bea3a15249d6531d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f2e704ec7eb2930ee79175da489aca3c15e99864' }, "1")), h("gb-pagination-button-group-base", { key: 'df64512bd601c221842629caf721dc4d1c1e3320', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '92249e2b7de58b4118fecfde2446ad01b9374dfc' }, "2")), h("gb-pagination-button-group-base", { key: 'c8060c409e9afa88736f21d5be832fd5fd26fe36', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '67a922b0bcd90afb86d074defa9bef1ae5dbaf46' }, "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: 'a7ac97c2e9d55dfc76ed982d17086b47837f53fc', icon: "false" }, h("p", { key: '61d5bf82702a8a9c08e1753f4bfb6b0319d7553c' }, "...")), 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: '18212bf1584a07fd386ca793ca02ec0e6d60fe13', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'd33e0e4679b9fd9d2b604dcc26b99a3b01854152' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '9120e1cd9227ae7545e53273ed123b0173ce1f8f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a2b5f58bc939667b496d29f8a375d827b33d117f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a64ed9775cf7958b85a36d223b59d8a6017f5f22', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'ea9e0f252bbb684c95dbf8e13b623bcacd8c4f6c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'ed14089d3b133f310b27c1575197f2fd256177f8', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0aab2d8a566278aa5a1f47179a9f06cb4977f957' }, "Next"))), h("div", { key: 'f6eb8a7d7c860e81d6decc44efbdd837c4f44d94', class: "pagination_entries" }, h("div", { key: 'a8bfad9153c703f59244ec84fdd85b95f26153db', class: "entries_text" }, h("p", { key: '6733b780d4746103a934a26cc234cbce01586a09', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '322bf9ce3c0209ee069e1d5f89e0284a8acbae8b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7e6d344275c69024238f2d4b256e585bd450fe4a', 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: '2f8a9e23199895ee8d1bc14195eb6a9d4ba7be72', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'd5aac02d8ef87e1b3178deac7e86c3e3f010b52f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e3d71b9a4a0f8b2c98b9f2f948d17b12c4644d97' }, "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: 'a8d49502f07886965a0251a8d73521a2468a529e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a4abb281c34a227ba9ab81787355be65a141e718' }, "1")), h("gb-pagination-button-group-base", { key: '1675fee6e5792a9d36fc853dd9f4345e12ca31f7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'f9ff995f1b212af1026d49da4957274c78ca76aa' }, "2")), h("gb-pagination-button-group-base", { key: '96464c56aaa1b83ea715728379d316a8d6f667fa', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '6e2cec902b0e3790cccfe538aac8435dfd6b8629' }, "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: 'fd68393a747f5703aa7c4e3d4e5eeb2f5f81cad4', icon: "false" }, h("p", { key: '0818011d4e4aa56b24da4438083a29c041610496' }, "...")), 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: 'c726839fc86a9d1301b7172521a5160aaec29ad5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '99258627da0323d259bf0f05c697d62ecd156874' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '00facb15ead29a2b5d8c4a9538c9df4e674c7875', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ca3d18265a0b9edd1b9e46385ec06b123e40f481' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e6743b49d899553d7d1a36d7bcb75cebab0da6ef', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'b46667f83a424e51f9fd8a6248d764a579d540b8' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6c2d55b172432afddc1a7780f9b32f07ba025825', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '856572ed14a73f1ef8f5ad2d08b235e746db3aff' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'cb17afeb3ab596c51f7dfac5a0aaa40cdccda011', 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: '3d2ca767ffb0190532c9e37c63d9e14ac97e2fd6', class: "page_number_text" }, h("p", { key: '39b31a0e48d9a46772c77d8d912f2220fb72092c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cdfcd3d285c5fb850258b922150fa5a773a4aa74', 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: 'fdcfdde6233e1a9cbdb60a8ebebd8941c762f166', 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: 'db71aa1ec198f90451a1c88dee90a52ee3d0b10a', class: "page_number_text" }, h("p", { key: '9d2698027cf304c10245e2f397d31044c95403c6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fc5f2579df71e2b934985f8cd58bc6c3d1c92b50', 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: '7b7421a478b7aaad00bbf2babbe4bbab11f88fba', 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: 'fd92f88cc921198f3ed8fe7f214394f078f5cae6', class: "page_number_text" }, h("p", { key: '901585d53a7945064d98ab0118c6dafa4e81c4e8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8ee0fec3a4181d6751e48926785fc741c9db44cd', 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: '6919a876e513c1b38dace56d93f78528a6bf4f64', 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: '1cc97142d55cfbac4ad4bfa7b8c6686bb9fcddb0', class: "page_number_text" }, h("p", { key: 'b97c3dacf6b0212ac92c0bd1f59862344ef11bb4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '9b4bdbabea72ee2a921c80396f84b9e16d38844c', 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: 'c76e9cd5cc4375d109bb55cd2d55f7b856f6b90f', 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: '0ab9f686240d5a3da64f9c061c69ff97cae552f1', class: "page_number_text" }, h("p", { key: '5e7f7c8aecda960fa879e846612895a478d2ca8d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '8b0fcd4ad9928d178176a729c616fc770155693c', 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: '1a393a5b00231887da0c5440727678d373c989c7', 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: '19fde72f6cf87a613719b6b83010f972d72f8c69', class: "page_number_text" }, h("p", { key: '28cae6ca6c56de8245fa7d0f1de2ec7db70318d8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '244a2f149c80c90f8993aa7aff6df3ec8a373088', 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: '8671d9979a35d5b99ae5c335d6a4666bb1308657', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '86a37326daf05b53d75181a34fbb194d97bd79a8', 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: '560863bf1ec7a818715316e56fb670c18a4963f1', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '652aed17c6ffad0e3bc5dd60f09d096a24577776' }, "1")), h("gb-pagination-button-group-base", { key: '05a640b4ef8598be26c2d7970582f10946d37e66', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a1f71ddb93478d178bc1a6dfe04c1a5f6578431b' }, "2")), h("gb-pagination-button-group-base", { key: 'be45743b60e14ac9c32e7edd734f58995f022ec5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '48371dbb1a535ad5a15c9a8bf50a897bb9a45ce7' }, "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: '3f872e3540fb4a08b23f917b31c493d35d08847d', icon: "false" }, h("p", { key: '35abaa469e0a5fd7ca0b871369bdcab336b445a6' }, "...")), 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: '65cb187db1b7f5995ed2d467e59cc012612660ec', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'c85650364d51ece97eee14e37379d811817dbf62' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'f0f18686e05d07d8ab69befc2f275fe6506f4bb8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b45d47e5e5570c27b56a173bbdc53b32046c0dc0' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '57bc41f645c702a9497de97d2c290b1014a32bcb', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '38f0b51733f906f5a25f7109575b84c0c0ddd71f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '307322b390b25739111c60a7d0bd897a3e01437b', 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: 'dbc83189f9ded02279c54380186cd5b8d7f77376', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '654f9121a509ca8962337b9d15c7624ef754253f', 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: 'd54c2fe6738dc3d47777eebb0266c25d1acf0cc8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '949d82427fcfda749d50a6a6384ea75a2ecd44fb' }, "1")), h("gb-pagination-button-group-base", { key: '75ff24eb6bb5f19244813dbc61b885f6343b49be', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '944465aefd4006ed9b077911a14fbbbb93c8c0d0' }, "2")), h("gb-pagination-button-group-base", { key: '88a45fe522414683e2e28badd0119c41dc97a37f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '9065361fe797654f91dbac1122926f798ec2b63c' }, "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: '647eb25844101be09d887b93926246842bff49bc', icon: "false" }, h("p", { key: 'a3ccde6a193d395a5724536415be0f891d6c5b25' }, "...")), 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: '8e66d11b4385fcabf7fd45cb53cc55bc3ebd25d8', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3a5fd6de48d76542aec6b4b5999a497791d7d0dd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '3c920870467bc71d768efe88f69f251ed0a14a14', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e543d5710ad6f01c650a063a32957d6698b6b6b8' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e88163824ae5a8b003bc193ec9ef2dd2bda53f28', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '656f16f30035db78c18c1379dadce723b5fd4ac6' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'e69f5ba9c2b7144cf2d286272cf55f81ce3c091e', 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: '78cc8bee6769e2b37d9aa6448674f98453808488', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1dd10bfd3898e2a9a9bd1103c3e95b9370969c5d', 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: '831186393987f9b0df8c5b7a624ea3a59222c07c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9416d82b36ea58905330810b8fadcbf269430cef' }, "1")), h("gb-pagination-button-group-base", { key: '86f511431af331ba967691d26f62c53074185aab', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c0bf7a782075330c2bb5145f7bf60acf73124420' }, "2")), h("gb-pagination-button-group-base", { key: 'd1e88ea42df76a6bfe6872456c912cb888e3b319', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7978f58dd1b4cde9e7b77acada9ae7142b0d6117' }, "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: '7621f4a77b10e199b73476a39e843bc5869dbea0', icon: "false" }, h("p", { key: '1ed6d0b6e148d4ebf4a3496376455f9e18ae62b3' }, "...")), 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: '93ecc2db7511e1449b51b514b48ab2b3bfa0a0fc', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8ca75dbdb924a61ed3ec7b08da0ccd676165672e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b627cb1cf8484ba8af21b0071cdaa327b1296bbd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '2baa0eff437ebbd9b6b1ce5342dd9a78f42141ed' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '88996fcf2ce98fa87885344c049df1feaf8e9d93', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '2d75c9a25b39d7fb37ef99c1321341ef5871e4bf' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '515e64a163929b4e476b08d05c76f94e96b0754c', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: '5231a8592d6bea29f8ee2b34e5ebb4fb219b5a79', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9b35c0d8236633095d7f55071a1006495c035d60', 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: '52d84212d621b206e2349ef8c92b9f1f4e29a96b' }, "Previous")), h("div", { key: 'e7e26a6d39829df19694ca2058ce0d8f3af75f53', 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: 'be7d4abbc978a6ea63371921649d0cd70cfe2b66', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '93d1ef8c5911c08f8db89ecaf8dd7b9dbe07111d', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'ba4ad5e29e23f0bf14c7f71db7aa73c7d8be30a2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'af6c80c6920669dcfb0b7fc4fb1e4e78f3fe32bb', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'abccb944b015b438db739eef99bf2d2cd1631e5c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '32b8f811fb2c0e9b04b884195faf8ac5800eae5f', 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: '5b63b37678b42260e2d6be4aa092433fb8c330ee', shape: this.shape }, h("p", { key: '73f6693b298f61fe3fb50fe5156c24797a5b5d2c', 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: '369f2e740d6e0636c5d497e251afa90cb07c71d8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9e05f1ff380b10430222ae563c43d205fa7a8d97', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0a8fbf86ae9f4af0c9036ce6a2a5122e90c75225', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'ac814c9c8f9a8b8fd035a3dbb9ee3096f6c66e99', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'd5cdf387fca7f66bbd2a1d91c23e824fa5f22d85', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'af24d571d00fbe6197d67c884115a1d1353b33b7', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '030cd0c553422f77eba4df0c2e06fdc6d6af026d', 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: '73be2ef8c1e3ad5ce6e36f562c01ed2eb5618b06' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'cd7b80a4f82dbf11a77b4ce404e187d923eccb61', 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: 'a7270bc61de59ee59632024973aa3f9e350c8ee9' }, "Previous")), h("div", { key: 'c8561ff62c9b6780af1f641a8570237cd293b831', 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: '3a15452404032c83520fd3f5b4f4166fcc156f3e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f1fca20982b792983b14443bed62f63c039897c0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'eacab9848c06baeddf628b4f9d997b36ce2577fe', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'e1aff60f9ce2fed632b7d9935591819b36de434f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e2602fa148830a7296b768b1189f1554b1027c23', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '3178e7827c48d9dd3c2baf7755fc350ec5fe2c22', 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: '8683f96efa00b5b622a456f7c68fa5b8e48dc9f7', shape: this.shape }, h("p", { key: 'e4a9b508c81bcf2b4b5cba0a2bc1b3c62a1a6da9', 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: '2d1d72fc613e31fff62b0df555e67b01fc5f4323', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '237e73c28823268e1e11b5e0a5f5096d799c618d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'd39d96b8f1c592301dbd9bf9890b9f9546ea1444', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '42e3b3aad815245d4a2374a79a80cce174c62861', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '7f229fc0e2c6dfb5111ae04fcc95fd4ceca43ff2', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '6c904d6ead29f42bb6b01455001a8c574090cfda', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '4b4b6a4aebe2a5cafbda7c58c243c65573584735', 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: '4bed010b3d03d4ddea4ff59890ff690b373a743e' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c1b7101f43cc80c0b9221296cc73f0ed423263b3', class: "pagination_entries" }, h("div", { key: '5ad11112ede9db97352202eb5a8922ec0a877d2a', class: "entries_text" }, h("p", { key: '58dc514546f6bc25e2a091c5eda874f18a6032fa', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2391668fde0ceb6adfc32bdd637992bd151dd6ea', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2a790b954df8416a5cef44f62733ee1da6ae8c06', 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: 'b186b800d3d65ca19bcf55f8ce4fa153fd688eb8', 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: 'b877e8c2afac69d8d25ae9f69dd79d83b4fbb95b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3ec5f1ee21e5894e045cc64d268f900fe84f7dd8', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '07a02c2ef6aa040d6f12ba7f5a98b64d4c37e703', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'ab4c9ef5bbfac4872c7e9bc28a706656608e26ee', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c2f30a8c0d9afc2c89d5d99d255a9e8897f0a29c', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a3d3c8ef4d75266ce7f4dc162c73b671526c9f4e', 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: '66f842a6108f589f842f215d9d5c31a8d15e2db7', shape: this.shape, state: "default" }, h("p", { key: 'c7742ec13237281b2fa8bea19c3aaf42e8d15111', 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: 'e86ba2fa99abe50b39441cff89969f0ad9416f11', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'b49d2789fb1711666c09730db6ceb23c011d3f46', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'e52db7b6a64c423afecbc2ffa3b05d5f65887420', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '28149660a9ae341d33f0546c95f459501c63ee60', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'aa2684cc47f9cd44b560152724648347f8ff0a64', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'f4a8240e62b9da3abb2692960a72e0a4abcac439', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'edfe4e94b7ec2f9dc15b3d51e85fa2c342302c16', class: "pagination_btns" }, h("gb-button", { key: 'e0745f9f018d04d2b32a80dacf7a3866886498fc', 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: '8b56cea391d21cd5bf13812690e9cdaaf37a8bd7', 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: 'f44e4ef8ae64874b503f1e459d66ffc8936a9d73', class: "pagination_entries" }, h("div", { key: 'bc5c73c8f2c11f7f2f6de01aa954063901320525', class: "entries_text" }, h("p", { key: 'd33da908863d88ca7ea563a6f78919fbf500acaa', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ce778256112b791257a06a40b0cc6cbf8b50507a', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f4d02024cd98d4c3a6fbbff9a8ebd3fccfa4a898', 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: '35586bfafbbe44c3cc203ac6c2835665a5089e11', class: "page_number_text" }, h("p", { key: '310933d489355ea5a261917509e54828746b64fc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '4385479affd00079d880b573bb38a9ce8935e05d', class: "pagination_btns" }, h("gb-button", { key: 'c038305ed79cea8f4f4e2bb3a42254952cdb9e01', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '5c5470e66b508732639f46acb87fe159b1dd22c9' }, "Previous")), h("gb-button", { key: '781dbd535caaeae487add753c1b034e7f336624e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7c0d9d6f4085dc28c4e09225cfb8fdf3dc2c49a3' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3667fea464c43be0f95c6e7faf040c35999cb61d', class: "pagination_btns" }, h("gb-button", { key: '06c7abc4569d8ac1d9586a7741b437773bbd8aa3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '80fcf19d948d0202beff1bc363dda2dbe2e8e8a4' }, "Previous")), h("gb-button", { key: 'f2258460ba375737c169327356d016c8b57a531d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fb866b13c70cb519b885f126358b895787a044fc' }, "Next"))), h("div", { key: '1ecc029c50a0a661a73c3a89583f21472c686bd0', class: "page_number_text" }, h("p", { key: '123925aad8ab23062a9c1b7b7ad0e972df518f28', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'a2c81681b3104568c38fc86818de1d01074dad0d', class: "pagination_entries" }, h("div", { key: '00bcfa22fd27a9c1d93aabe6c8695409c8771f49', class: "entries_text" }, h("p", { key: 'de88a304e05e51e1bb636b7b8563ba300b0a7833', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a7d0ad359ef6a6cf2b300b387b5fc00d089edda7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b00d20ef60f0eec4e8336b5e63c85eff9bf5076c', 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: 'f819097e990fa8906bbf25a8e22e91f7b1a8ed7a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '00a0003cb24f548a2bbbec1848c32fc4fd2e3f57' }, "Previous")), h("div", { key: '467c3ecb1a281df45d8c49c86d32a00ba2c6ea25', class: "page_number_text" }, h("p", { key: '54a9f636e9bdc007ecc7eccdc3be79e7321aa8c8', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a1c07971abdaa859308c5677b1f6998beab4a8a8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '2668a800aa4af3fc25ada3fed6e5a5610ef4b6d4' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '1ae2623e9f4c3c756052abaff6275453c58bb26e', class: "pagination_entries" }, h("div", { key: '248caba3e73888f48b1d8394ae7c7c42a783e276', class: "entries_text" }, h("p", { key: 'e359c467b85a36f93eeb6b628aeb6eadfbc4e3bb', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '6fc61f42713a40b4dee785efe783bafd158ad8d1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'ad760c7ca73135a8db2bee1dba60b13f6c19a71d', 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: '85e84cfa615d99bd66ac271e9da38cec46e06309', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0db8fcd3dc514db68706dd05df7aadadaef3fd7d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '504b5b6a4ef93f471248ad7ed88fd4fcfede1554' }, "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: 'bc00ab845f3d3a628cb826dd5bc8fed8a01ea4aa', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'b74bc982a886491e78317bf1842aeb1d8d99a3ed' }, "1")), h("gb-pagination-button-group-base", { key: '032c24607144da02ef7fa96b29a753768dc41179', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b3560ebdfe6f79cdbfc4af3d6266689cbdc06cf5' }, "2")), h("gb-pagination-button-group-base", { key: '97983e4a1e1d7c29837a97a38e3eccf882630a62', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '571058e8824684f439952ccfac7d3c63132a8c9b' }, "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: '9397942f6e0271e6a7fbc7236a7c9ba4e886d404', icon: "false" }, h("p", { key: '1594b028d95420afd2065ab6cbeb4a0dc7c2772e' }, "...")), 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: '1d768867ba62655b24163c4f732c6e6650ff8e88', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '293a8b97ac8806b1ccf6bd53b9a9cdf3a152ab0e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a829803d1cfba2654e25ce47d631ca906e5ddd5e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'f74c6ffb0cc0d6fc9c1f46adfed66f43b1774339' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '18c3f7ba0b50194ff95f808ba3d330e5c5de4859', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'dfc03bb6eaa0ab0f619b80dd2bb3b4678eb4cbc3' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f2572f77240ffe01bd5765a724356eb011113fb0', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '033279560c81ea281f0228f272e82bfface5e500' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '037c037fb314e254d053b7a75aee4c189cf03f3a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '6a6ebb6a428b02b71bece58cbb9f84531670c59f', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '87e1af0a666416535d140d86e309e973ad94a303' }, "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: '865ceccd5540263d3f2dfd5144c90b74a5870553', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '88afb79e00134b5685488ff64dc6ebbf51344749' }, "1")), h("gb-pagination-button-group-base", { key: '9e37e6022c8662638d9bf3f9f6517d8e72610277', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '611ac118dad9fc5398c063ad80345e9f2d168f4c' }, "2")), h("gb-pagination-button-group-base", { key: '1bf5b346568de8c6be5152c9d626ec33890a20fc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'afa0b41bc086dffd2139434ab965504da216ede1' }, "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: '6a6fdafe5bcafded8485ba8bc2559054d274be82', icon: "false" }, h("p", { key: 'a24a862d86d4ce4e8d5ed2a8c7cea57a67c545c6' }, "...")), 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: 'a07bcc8281193614597101d4fc0b422130720a20', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '966c8513eba3f44646bd70b51aad0627ddde6df7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b7843158d4301b9766b21d1cedf73a0680f790fe', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '45b30385ae8b4c9923ddb711b28ce5eef5babc6c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '3960f8948610327e12f8b4f3e4277f2b4244e421', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1b518155a7ad76e7077eb04ff28883a0f4dd4a0b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4661ed96ea90ffa54935a3edea69accafcd1399a', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '5b1306b0a5d6d786a9649bb44496002e3caf69c2' }, "Next"))), h("div", { key: '26c97ab0647db80b37aff7083fdd6466a0e7b850', class: "pagination_entries" }, h("div", { key: 'fd05802d8ad48f45402a74e021b966e7d34d1c58', class: "entries_text" }, h("p", { key: '96e0af5be23e87b0187e190260836b41fe9877b4', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'c1e91308c969cf23f8896507b7c02030981c684c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '596c658703de7bb3b57e3325a972fddc6112ec71', 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: 'dc44c8ce2e07c69bb5dfc72e1665636011dcd084', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '06e884e8a29c132d4260f84258c24011220a95f3', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'b42f9a3fd5b954c90633ea40c807cad9d0bc6053' }, "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: '6a405b2bcd33a502daed83ac1a42d96959fc5ac8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6c9e8f64eefd78c9d47471dcd437353e92cc30a7' }, "1")), h("gb-pagination-button-group-base", { key: '333a45af6699ba64a45c02067ae00c3d91a06a32', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '93fa1f8a3074adc29fc09e32db3ab28ae66971f8' }, "2")), h("gb-pagination-button-group-base", { key: '6928235df2ead2f8aa33078a269dc102bd16c86c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '26504c78295160cee98f4c17868a4cd208d8405d' }, "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: 'ac53898b845119093ffccd54abaf7a8cb39494fc', icon: "false" }, h("p", { key: '1db058ffc73db2543a2bc06ca5a566cf4a7b27aa' }, "...")), 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: '6a15d2847d60613cceb83ab21b4303feb6af90e7', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '7363992726427a61762d13e96be6302959f9f283' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '649017ef849854b1aa7543d988a24afd45980c2f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9d9363cbc6878c51129147b25896b8a2264bd501' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'ccc4fec020c7d81dd57f9662ca10f63d04a5bf21', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '91f9c7907be8300ec6c9ee5bae36f32f8fe9c467' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '132722b223af79900d0092fb4d79f05f87231d0c', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1d1c68cfa2ffa18ff5bad7451e24590ac6a44883' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '5ad7a6565ae81425803acb6bd3d43114acf8b963', 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: 'af642ebed4a7cd96fc10455a067621fc9a4a6b70', class: "page_number_text" }, h("p", { key: '2882188415bc0c769293b3aae86ab1a78d40a8a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '40f2142d98dac8cb17f60c2fd8eb0ea1b42b77b0', 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: '373ca26b5e77c8832ec67d6a45eb25ef8df65b79', 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: '4fed41aa2e427f2f8dcabab648febf5fd394e95b', class: "page_number_text" }, h("p", { key: '2b3ef5f19b4da99c00a0ed938927672a9eccf77d', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '413a63a3ed84eca4a1776ef70307f9dda19a5b97', 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: '4feb534b1124ef9b6b50ac00dbcfa0d88aab40ef', 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: 'eecf35809596ec0e81986c29de0abb2c96b5e369', class: "page_number_text" }, h("p", { key: 'e58ea658ec24d3df99b5c3afc469a8d4ed488f70', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a25347f90ad927a10c0ea3abf994a0054ed900c3', 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: '9d6f481b4420b0d65b7eff9ba519ff38f1ab4cb7', 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: 'c865cffc40d8442f1fcafbeff4735b59e28892ab', class: "page_number_text" }, h("p", { key: '0d47d1cd59ea15e8ecd34eb6360026855899cc67', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6d55f5c3828607c6d23eadcbc02c592314bb5084', 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: '229341958a5827bf13f199c39ee9c5dc87c23eb3', 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: '430e95c0ad112e53f4114f0f72ed7a21a4f35746', class: "page_number_text" }, h("p", { key: '6337a77e9364759f093aa0dcd13c781bf97f6030', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fc7b14f345155e7da4581b5e619387cf188dff23', 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: '943126603f60a631634211f0bc24ce6a56106b61', 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: '5986af8b560577f01323935229f03ccc8e3e78e9', class: "page_number_text" }, h("p", { key: 'e1937cbc6a2694dc7d73e840cd10138068031b17', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'a2b30eb6f9e61203f425b10c9aec5974fcb2a733', 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: '93b767e6aab3b351e92e7b9e67a312c830cb39f6', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '2fc5d311e163e3748471a6c631bee536174431a1', 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: '82a99cea72cec1a3405b322b8ee67f07ad1512a6', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ea2dea95d364dd571852eb4ec957b9a85612c77e' }, "1")), h("gb-pagination-button-group-base", { key: '7b2e54dedd6820b26d1fc69bb7df0590b7ecbfe1', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '77192778214b7d11dec45623d9087bf44a205449' }, "2")), h("gb-pagination-button-group-base", { key: 'ca79dfa6553a68a290f7750fa741fa332c076a08', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'fb45c340daf1ed593a71b603c0cd564eef48b1ac' }, "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: 'b4f1094c7cb909bce7e4c61be4760122ff6e6a1f', icon: "false" }, h("p", { key: 'a4b24b79607ae3477c5fb5a0554aef9eb086ad3e' }, "...")), 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: 'c002763683edc8ce94167077c3145d1fba7dfd1e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '5b115e61fe2ce27a857fa8ed64f53417be1ed31d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0a203f02c27f15b93321ca5682ff659ae63e082a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '509b24ccb11e2b3f5147a257b7c9403d998e2232' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '4e6da1bfefd691776525746eea0d534b30a6c665', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '19b5659ca1ac7e48c8ec995d896525e9c2a5438e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5e458fdc266d1814a453a3e389d552b93dfdb9e0', 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: '9fd69b0abebdaccb10cb0614077709156b58b360', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b008226c05b18ef662d6cef1322156851f7e91d8', 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: 'e04df6aa5073cc974330d33688082b45737d1d96', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '306e4246d352c7e02cd698b00bab52425959e1c3' }, "1")), h("gb-pagination-button-group-base", { key: '1fe4ef70a2921132a5a6db22b8b9aa24e2e7456f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'b5b1023169d9cf262b9aa65cf6d7bee45075d64c' }, "2")), h("gb-pagination-button-group-base", { key: '04b6476ce02b3344923d7e73eb75955870a2fc1a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'de1643aa79dde1e8a78a5c86ff4d5ff3b8a329db' }, "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: 'f47e941a0684b0883f5025062fb7234d710eed25', icon: "false" }, h("p", { key: 'f8f21227247437c8d645d5a47c9f66ed3901d71c' }, "...")), 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: 'b48d1c37059e2cd71532990f6f008b6ff439d564', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a0e7e4bace023e62b9bc60b53d13a1543cdae45e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '704c942d2f963da9aff862b3f8ece6dfb3c93642', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'df8c57202c1a425950169283f4671cf38dc1e53c' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1e5a4715caa29fb076f2a50e13fdcd12d25beab3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '7dd47269844843c6ec30b73b4320287bd9a0dff1' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'b655a2d6031cdc00983c613782522a8e2af0dc7b', 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: '7a22eab06cb22bc135ebeaa8d7f0ffd275744f0c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e4614664ee434a3a322b196991d2f7fc1b30ff8a', 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: 'bd9e9cd7d24d661e5d8ad67226cdea075352ec3f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '95ecf6059e960264ea71e52c61ea0e3324c60cd5' }, "1")), h("gb-pagination-button-group-base", { key: 'ef3e3e3653eb0d6b9c6217c363e11dbb40654fb2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '1aaa7098e91865de87b730372fbf62e91c64a38f' }, "2")), h("gb-pagination-button-group-base", { key: '2db3c4036622227891c92f3df7bb64680de4e197', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2166134625d49e425964e9ff7cbe4df1325461f5' }, "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: '8b9d4677133eecd16111d052503a82a2c54b39d6', icon: "false" }, h("p", { key: '06cc1fdb43fbf12836d2050c02400b065e339eaf' }, "...")), 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: '06f5d4848174b7afbb1dcc28a052d87d9145f775', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b22457f8e0b02f9c7229acb788d69261fc3109d3' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '100ca06a8ef079804235197e55996980017bdf62', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '52ad5aac0e513ae8fbdb1b46564fbb108e42b527' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '246f50533903bb85f0adc31fe61b3cba9f70abd0', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cb6df840b4d8d89ecd9074440922f681db9ca4ec' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1bca50d9816a1023f16ccdc14291410e12a60a41', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '278f06ac9a64ea28e076e56055e8d5b6d70204bc', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: 'a447270dd0d5d9341aad22ecb39d94abfaebc151' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'aa42636635e6b5725f1c09bdf97d14b3a82ed1da', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c2dc4930ae78b50f49d68c33eb1af3e022e2d729', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '00e7b4feb3a983aedc97f0438e4d2c68a06bfd1e' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '7ef98317ffa9e9db6e954155986b3b76f8f627bd' }), h("svg", { key: 'a2b0bcf8ba82b54c057c19479cb360a00ca77cec', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5e1567d4266c20667aa79bd5276f617d20dd26f5', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: '0eecf76b10b3203d113bd3e1568bae0ec8f0a8a7', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'a24790ea878b801389805144070344ab3c710eb4', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '40655531e028cb63a13f359b982da5548715653a' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'b2a3745a033c704f249f216fcaf82a33c65503c0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '749eb211b3ad679e8ed591748b8e123d0dd1da6b', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '67c1443126bc8f278d528f60695882d128d970f4' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '487d2e8e8d07c3cd6a031e25d98d4332cb9f9f2a' }), h("svg", { key: 'b6286f95590c6bbc98e87197b3c64e29b2644011', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '895547b4c5425308576348ad862f2478c308b4d3', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: 'b7ff4d87cc2cd7dea40e0e1dd03b9d3ea2367368', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '3313c2a217b6862db4ed09f7fcb64dd71d55065d', class: "dot_group_div" }, h("div", { key: '44a60f57e167cdeadb513b94561a78016a09d8a2' })));
+        return (h("div", { key: '8bd5570ec13b834ab9cf5a837668a3147bd88be3', class: "dot_group_div" }, h("div", { key: '626c119d5d837f6d9946db949b19c7e0ae185109' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -13,7 +13,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '7377b1f38ce491c9749cf67df1b05e8525ee6ebc', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '6ab293cb3a813597d116ec5ceb248cdd71283c48', name: "page_number" })));
+        return (h("div", { key: 'b3c20ae5c6251076f771fbc2871f0558377b48bd', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'ebc56b604648b1d718bdecbe9c4859dd1f1631b5', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '2e4c8b47b6163f01fe1524f548594e48244b66e0' }, h("gb-btn", { key: 'b04d850d884100a295339a7942e121273b3ce0b3', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '5be1936077588b67e17fd79ea17ee4a7c0ca0ac3' }, h("gb-btn", { key: '337a187c92496b305f9f18ea81d08bc8fb870149', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pattern/gb-pattern.js

@@ -32,7 +32,7 @@ export class GbPattern {
         const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (h(Fragment, null, this.type === 'circles' && h("img", { key: '930cc4f06fc7912e4d87c857067841dccb33902d', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '2c08703c0b13ec70081c73e1eeb7498359ae2294', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: 'ada85cfd2fa71034f7de52604a733c351d9471fa', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: 'ac889646f6d345d81d14d07616b751932ed5dab5', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (h(Fragment, null, this.type === 'circles' && h("img", { key: 'e48dd81fbda9756e4ed51a7fc330c270a2428e48', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && h("img", { key: '0cb1b8efdfbe6b637c9988c1bd0113a65102c913', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && h("img", { key: '9bf8999c7a9f2c0d0ef8c96b3ab95c3c0b4efc8a', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && h("img", { key: 'a890dd239f888e635c16061c0b8bdc517f74ae9c', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get is() { return "gb-pattern"; }
     static get encapsulation() { return "shadow"; }
@@ -46,6 +46,7 @@ export class GbPattern {
             "$": ["gb-pattern.css"]
         };
     }
+    static get assetsDirs() { return ["assets"]; }
     static get properties() {
         return {
             "type": {

package/dist/collection/components/gb-pattern/gb-pattern.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-pattern.js","sourceRoot":"","sources":["../../../src/components/gb-pattern/gb-pattern.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AASlF,MAAM,OAAO,SAAS;IALtB;QAMU,SAAI,GAAiB,SAAS,CAAC;QAE/B,gBAAW,GAAY,KAAK,CAAC;KAwCtC;IArCC,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,EAAE,CAAC;gBAC9D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QACtE,MAAM,WAAW,GAAG,YAAY,CAAC,qCAAqC,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,YAAY,CAAC,mCAAmC,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,YAAY,CAAC,kCAAkC,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,YAAY,CAAC,uCAAuC,CAAC,CAAC;QAC3E,MAAM,WAAW,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,qCAAqC,CAAC,CAAC;QAE5E,OAAO,CACL;YACG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YAC/G,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YACtG,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YAChH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CAC/G,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h, Fragment, Watch } from \"@stencil/core\";\r\nimport { ThemeTypes } from \"../../components\";\r\nimport { PatternTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pattern',\r\n  styleUrl: 'gb-pattern.css',\r\n  shadow: true,\r\n})\r\nexport class GbPattern {\r\n  @Prop() type: PatternTypes = 'circles';\r\n  @Prop() theme: ThemeTypes;\r\n  @Prop() isDarkTheme: boolean = false;\r\n  \r\n  @Watch('theme')\r\n  changeTheme() {\r\n    if (this.theme === 'system') {\r\n      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\r\n        this.isDarkTheme = true;\r\n      } else {\r\n        this.isDarkTheme = false;\r\n      }\r\n    } else if (this.theme === 'light') {\r\n      this.isDarkTheme = false;\r\n    } else if (this.theme === 'dark') {\r\n      this.isDarkTheme = true;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.changeTheme();\r\n  }\r\n\r\n  render() {\r\n    const circlesLight = getAssetPath(`assets/empty_state_circles_light.svg`);\r\n        const circlesDark = getAssetPath(`assets/empty_state_circles_dark.svg`);\r\n        const gridLight = getAssetPath(`assets/empty_state_grid_light.svg`);\r\n        const gridDark = getAssetPath(`assets/empty_state_grid_dark.svg`);\r\n        const gridDotLight = getAssetPath(`assets/empty_state_grid_dot_light.svg`);\r\n        const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);\r\n        const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);\r\n        const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);\r\n\r\n    return (\r\n      <>\r\n        {this.type === 'circles' && <img src={this.isDarkTheme ? circlesDark : circlesLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'grid' && <img src={this.isDarkTheme ? gridDark : gridLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'grid_dot' && <img src={this.isDarkTheme ? gridDotDark : gridDotLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'squares' && <img src={this.isDarkTheme ? squaresDark : squaresLight} class={`pattern`} alt=\"\" />}\r\n      </>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-pattern.js","sourceRoot":"","sources":["../../../src/components/gb-pattern/gb-pattern.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUlF,MAAM,OAAO,SAAS;IANtB;QAOU,SAAI,GAAiB,SAAS,CAAC;QAE/B,gBAAW,GAAY,KAAK,CAAC;KAwCtC;IArCC,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,EAAE,CAAC;gBAC9D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,EAAE,CAAC;YACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,qCAAqC,CAAC,CAAC;QACxE,MAAM,SAAS,GAAG,YAAY,CAAC,mCAAmC,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,YAAY,CAAC,kCAAkC,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,YAAY,CAAC,uCAAuC,CAAC,CAAC;QAC3E,MAAM,WAAW,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,YAAY,CAAC,sCAAsC,CAAC,CAAC;QAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,qCAAqC,CAAC,CAAC;QAExE,OAAO,CACL;YACG,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YAC/G,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YACtG,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG;YAChH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,4DAAK,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CAC/G,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h, Fragment, Watch } from \"@stencil/core\";\r\nimport { ThemeTypes } from \"../../components\";\r\nimport { PatternTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pattern',\r\n  styleUrl: 'gb-pattern.css',\r\n  shadow: true,\r\n  assetsDirs: ['assets'],\r\n})\r\nexport class GbPattern {\r\n  @Prop() type: PatternTypes = 'circles';\r\n  @Prop() theme: ThemeTypes;\r\n  @Prop() isDarkTheme: boolean = false;\r\n\r\n  @Watch('theme')\r\n  changeTheme() {\r\n    if (this.theme === 'system') {\r\n      if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\r\n        this.isDarkTheme = true;\r\n      } else {\r\n        this.isDarkTheme = false;\r\n      }\r\n    } else if (this.theme === 'light') {\r\n      this.isDarkTheme = false;\r\n    } else if (this.theme === 'dark') {\r\n      this.isDarkTheme = true;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.changeTheme();\r\n  }\r\n\r\n  render() {\r\n    const circlesLight = getAssetPath(`assets/empty_state_circles_light.svg`);\r\n    const circlesDark = getAssetPath(`assets/empty_state_circles_dark.svg`);\r\n    const gridLight = getAssetPath(`assets/empty_state_grid_light.svg`);\r\n    const gridDark = getAssetPath(`assets/empty_state_grid_dark.svg`);\r\n    const gridDotLight = getAssetPath(`assets/empty_state_grid_dot_light.svg`);\r\n    const gridDotDark = getAssetPath(`assets/empty_state_grid_dot_dark.svg`);\r\n    const squaresLight = getAssetPath(`assets/empty_state_squares_light.svg`);\r\n    const squaresDark = getAssetPath(`assets/empty_state_squares_dark.svg`);\r\n\r\n    return (\r\n      <>\r\n        {this.type === 'circles' && <img src={this.isDarkTheme ? circlesDark : circlesLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'grid' && <img src={this.isDarkTheme ? gridDark : gridLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'grid_dot' && <img src={this.isDarkTheme ? gridDotDark : gridDotLight} class={`pattern`} alt=\"\" />}\r\n        {this.type === 'squares' && <img src={this.isDarkTheme ? squaresDark : squaresLight} class={`pattern`} alt=\"\" />}\r\n      </>\r\n    );\r\n  }\r\n}"]}

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

@@ -5,7 +5,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '454cbefff84cd5d195f5e8fad1e070e5b5754b5d', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '9380dc89270df9dff57d10822f7c1ed33bf88c32', class: "progress_bar" }, h("div", { key: 'adfa20c5517ef8863069e6844ab912f31d45099d', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '409c3079707be7ce962552a06ef962f4b53c170a', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '913d39faed170ac1f8f0724b6ac75599a85f7dd8', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '9b833fd4c23edc89de7cfcc9f65c88e308e24b46', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'bea7221678bdc34bec059c22bc62198894befdd7', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '7509c3a07d972c4a2a874b1ee4ec6d8075997b55', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'd94bc761d714058367564e30964df1e82832a25a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'f09969b4a520d4329f2c27e0c6128d87296c24be', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '3604773d9f80475d92fcc661a03063b7c26466ae', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '1acf58f75fad2dce0e810420b7a401135b9af1eb', class: "progress_bar" }, h("div", { key: 'b6d43e9ca34aef583c3a7bbfe2454d9c6f8215a0', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '80a98366e335225ab346378ee1a7cd676f490bcf', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'c3c5d01dd314c49a3634686cdc6310e90ef6db7e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '5d8164a40fa735feca1bd5b0c3208018fb75a9be', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '5dba5b8f9ae7267642d99ef991f34b5843d8ace3', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'ce50c168cb82fffb8eb52a25fc663ceb945695b0', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'dd7441c9f7e3f35c323d9f9a578cb506dfdd836b', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'def1cd0c554104be5349cef330ed49db6c2c8e36', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '5787ca85692b01b1fa2ff535e25f66078c76adcc', class: "gauge" }, h("div", { key: '5c78b1743f17ea2fd4c9ed55d9283733e5c3c97d', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '1ca7fcfa07d1e5042ac73e11dfff459cba977c2b', class: "mask" }), this.label && (h("div", { key: '103804c0d630a7016be97f6b6c830ea8182497f2', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'f4ccf5a9713069321aaa0103aed1b70ee61c822d', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '3358dab341f7efd60fcf3da65c34350aeb4ddb4a', class: "gauge" }, h("div", { key: '3e05fa1f0eb82a5709315f4f3bbca60744393de8', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '7f5463fc2c032f3bc49ae535b48e4d221b38b8af', class: "mask" }), this.label && (h("div", { key: '966646804778135674648e8a5c7a1e77ab00b02c', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '01a3457ce66753589d7901bdc74a202fc11c6ac8', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-prompt-modal/gb-prompt-modal.js

@@ -31,7 +31,7 @@ export class GbPromptModal {
     }
     render() {
         // Determine which icon to use based on destructive prop
-        return (h("div", { key: '8137e9c02ccbbcedf24583a6bd797bad7bb8946b', class: "prompt-modal shadow-sm" }, h("div", { key: '9bf0d2ddb96698d5b79f3cd370e9d3e9b55f9882', class: "modal-content" }, h("div", { key: '197ef5a94d4ba3f7c5cf4d6423ddec09db348d84', class: "content-top" }, h("div", { key: 'b4a8369b1efe364389abdb49966551094017f838', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '1d945ede2bea441997654bb4f9daefef452379b5', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '4b3b471aed39226b04ed82567b2198e4fffeeacb', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: 'a45ffb63b48ca11978a13824e00b8f5440793e48', class: "content-text" }, h("h2", { key: 'fe461d42b94de1a4026119751140a3eb42a84d20', class: "display-xs-semi-bold" }, this.heading), h("p", { key: '09c2c1419ff3ac0aff2933e8051c8cd33595e4bb', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: 'b82e3f0603ebcf00c5b034b6bbc16bd7f800ef40', class: "content-check" }, h("gb-checkbox", { key: '5a2e0a7e9c5ba9d6d9c69d68ed726bfbbf6828b3', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '081d589e81f110950c4a4a789bdf229aecbea9d3', slot: "label" }, this.checkboxLabel))))), h("div", { key: '0b98572af9683dafa21b594e307c84cd1f21c322', class: "modal-action" }, h("div", { key: 'd32b11ff8c55f9a7a165467a0bca5646967d1129', class: "modal-buttons" }, h("div", { key: '1506bf73e7206ac08426def61a922859357ee692', class: "button1" }, h("gb-button", { key: '908000625c8453073fda9d59e7eaa572e76318ba', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: 'c794f6089fa863b225d94ab0164e951dd7de8a19' }, this.secondaryButtonText))), h("div", { key: 'e5015087be088f855757c2ccda229c62be03f14d', class: "button2" }, h("gb-button", { key: '78b904e091003ed6a2f228a4d328d3c4c384ec14', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: 'cc7c2b6ecfef7eac0e7f1119772bb9ae947b3d10' }, this.primaryButtonText)))))));
+        return (h("div", { key: '40939efc3100da4ddf2335dea3cd87c8f3d4f72a', class: "prompt-modal shadow-sm" }, h("div", { key: '63ca58c200d8c5d0ff4fadfa1d9f21d71f3176d1', class: "modal-content" }, h("div", { key: 'ee08e5c314ea5757d63760020fecf58e89153182', class: "content-top" }, h("div", { key: '56afabaf1eaeb24dd53232457d64933d851aea4a', class: `outer_circle ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'bd576a30c472d39fd89c1a7db95e0bf0ffc8d330', class: `icon ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg })), h("gb-button-close", { key: '197cc8df9999a29a6a484b075265f718a7e47d57', size: "sm", color: "gray", onClick: () => this.onCloseButtonClicked() })), h("div", { key: '2cd2aefd030f261ad8853a58c27be0200857c5a8', class: "content-text" }, h("h2", { key: '13bd8549cc21d4326109c54326714960ffde020f', class: "display-xs-semi-bold" }, this.heading), h("p", { key: '30c9c062743694a66737bf0549d019171bcca19c', class: "text-md-regular" }, this.supportingText)), this.showCheckBox && (h("div", { key: '404babac205350c79176f537da948d8576f1075f', class: "content-check" }, h("gb-checkbox", { key: '81f49e8bee0ee555e5ded54ae753d6f80583cff5', onCheckboxClicked: this.clickedCheckbox.bind(this), checked: this.checked, indeterminate: false, size: "sm", type: "checkbox", state: this.checkboxState, text: true, "supporting-text": false }, h("p", { key: '7fbc9a96578ac7b33e6d7c753346dba2187d473a', slot: "label" }, this.checkboxLabel))))), h("div", { key: 'de865242c8f15868518f189064db81709766cd47', class: "modal-action" }, h("div", { key: 'b00dfedf75d16453f5363eef774956b0773f1206', class: "modal-buttons" }, h("div", { key: '5dc0bac68734e6078e922290a0a3a2255785c8a4', class: "button1" }, h("gb-button", { key: 'd89f6e3b2b23df0cb6a7891d133346ec42fc83ac', size: "xl", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.secondaryButtonClicked.emit() }, h("p", { key: '857ef15734238f39313b0fbf56acd16718769916' }, this.secondaryButtonText))), h("div", { key: 'a728e40595a55ac2779662a4d436ff8876c99d47', class: "button2" }, h("gb-button", { key: '0228bf6cff9bd4adf682532670af088d47dff083', destructive: this.destructive, size: "xl", hierarchy: "primary", icon: "default", state: "default", "icon-leading": "false", "icon-trailing": "false", onClick: () => this.primaryButtonClicked.emit() }, h("p", { key: '3ba0b2d5cf94611b7156906c73cb2afbb3bc6684' }, this.primaryButtonText)))))));
     }
     static get is() { return "gb-prompt-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbQuickActionCard {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '931273c7a922755cc0e80c6ff0aa71c18cd9c882', class: "quick_action_div" }, h("gb-card-icon", { key: '0603afb69fbb94b09aaa1e01ad36bac29a349e2c', size: "sm", color: this.color, icon: this.icon }), h("p", { key: 'a268819e7234e04b7fb74000bd37068d86a73917', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '8ec6f7bed822bc75728f40bd3b4e4a076a3f3b53', class: "quick_action_div" }, h("gb-card-icon", { key: 'c6b29fdc992fa0064efaff1e3715b11985a269f7', size: "sm", color: this.color, icon: this.icon }), h("p", { key: '42c57b7d0e900dea1c9a34da585cb6e10d23f66f', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '33f2086925bbf8533aed16635294bcf6a534d513', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'ad0e73c91930923c7dfca1f48623e7be4613d330', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '17159186ca6fd367aec3e716265d6d42e18203da', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '9d044dadc8a84bbf345f4745efc971ee75391429', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'c239687d299832e5ff4fcec2394d5d36ac4c8378', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'f2a4455587d66a802d7d0cb8180c93f6d5e8f9e8', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'e8ce896d928402f6f98f5cfb983bdbc42c788d8c', class: "scrollbar-container" }, h("div", { key: '0b5ae778f3343109c0271b292700b527c7ba7324', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '88936a5e5a28291153520d747826a973c2c5953c' }))));
+        return (h("div", { key: '85b20ce9ee7684a758b203a57fb8fef0c0bd65e1', class: "scrollbar-container" }, h("div", { key: '1b11de983f46bb216994fa65652659ad3e8a1552', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '7a33f6c5db3a52d3ac285d6d65aeb5041a6f3ce5' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }