npm - globuswebcomponents - Versions diffs - 0.9.1 → 0.9.3 - Mend

globuswebcomponents 0.9.1 → 0.9.3

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

Files changed (319) hide show

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

@@ -25,7 +25,7 @@ export class GbPagination {
         console.log('Selected page size:', item);
     }
     render() {
-        return (h("div", { key: '3ed4c90f649f720b06d6079766ff113a357a83ac', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'b69951fe0f67505f6e66f1c67d9f671819c0cfed', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '034dfb346babe14e8fba5bf0c867f20a09bf9a6a' }, "Previous")), h("div", { key: '24ed7bc609462ef9d7feae82bb43ffc5d4892a73', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '26bf6936e4ddf7f897087ba3aea4f5776f9db8eb', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '98776aa566707962c08f9487268c8c46f2537093', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '43366adaed1ffcc12744101ed6c12e51263775cb', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '0db069d29fb428fe74e6f41aa2f999f7444d4d3b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'e5d36b8f0069b0419cea176d4ea96b7eed790897', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '7e3966e0f7c7e0c8ce018fd2dcf76318b2edc776', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5743fb5af8a5f1ec49d6f7890856953518647e82', shape: this.shape }, h("p", { key: '33493b58e5debd33d95801503f863a627f2fe54b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '80fef6d1cd4acf846abf53f80bea8e2124116c13', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '9b8b426621de3784c9998fb38b6f5f87ac294842', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '56063a5ec9cd66b4cb27627bc3b997459d276575', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'cdb564ff3729d265b99e3e45a786c42338a9b7af', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '219780a6bb80d1dc3b290b27c7bc9661ed3c095f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'e78cebb0de81aa9730bbcaad533ea2207fcd2c07', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'fe2a7b6b7eb315a122f5258dcc08e3cac4004a49', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '778aa9a1996fa4b9968b2b173cf4687ec0422973' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '70581c955f1791d484019a4d04b43d30a7c410d1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '366a0c909d37524fa1d16f978216b0392e5e5692' }, "Previous")), h("div", { key: '46bbc05307f060a4192213cf6cf06d6868f0819b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'd18e1dce651a571314165b1dac11875ffc38c2b5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '11c67d11d019a17e79c3cf39c3092f107ac64535', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '2eceb496e498061292c45beca208eec36df2d91e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '3672a7b6a1544089603df085c96fb46bdde3b885', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cf037ef740481a3796bdcc7ec160b8e59531ef5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '820c69dc8f7460fb5192d6e72c5e3d1cdeccfa2b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c40172d1d6c557f9b4bf694f86b30159924ce0b0', shape: this.shape }, h("p", { key: '94639da56738381ffe040693bc7cb66fc1857812', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3beff14aa43506b2712be255a22d07846f859d9e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '60514fc0278aed9f08774c951644b52e0309dc05', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'aa826c17db36ba0a590923c24774201d8e5afdbd', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '693e2589f84c0b8e5a07de2f440e705ec1a2e676', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'd96e010b6dd938ff42722af410868daeec536b50', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: 'da4f780595f960b17ecf67b8d8ab1da89b7744d7', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '57b0aaeb95336ba1816da0047904f3a6194c053d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '0fb53091c68f93f629e6e95c6a5fec502b77a114' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'f1d0d15de9c2af20702e976d7290b83f48b56147', class: "pagination_entries" }, h("div", { key: '65baf538990f6728ed3c1405bc7bb7fd6269ab9a', class: "entries_text" }, h("p", { key: 'bc76f81396de92db902df47cac4b923105805f47', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '28b045d842d3f3650ce93a58234aced62154af46', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e9dbca0e9331b5e96b34c523b1fe2765a5517d9e', 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" }))), h("div", { key: 'd07efe0138e64f399e51ee52ac8a3327d69391bd', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'ddd7dcf9ae1a5c2103bb50dfcc59478fc581171e', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9416cf726b86c0f1aaa57708337b9430e69d5521', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5a0ea36411d00dff422ceb089c0d9e5b5c0f42f3', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a8171577b6a3778c978fa4774b90f4ede51029bd', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '73dd52f451a9fea898d639b3b49d2ddc0a6e3a78', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bf86a63c14f5687c0dbe5fa3890e4ebeb148f55e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'd4d33a87a607721cd31b865a9022beff83c1b881', shape: this.shape, state: "default" }, h("p", { key: 'cc375d6e0c4314538c38e6c16adfb08469e8852b', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a977a5dd0b81bd2d10d45a53ac67416b99d7515e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '975c99d3d989a308fad28af0e5a265736fbaafd7', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '79818f08987a86aef947b3d185d1b64afdc7470c', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'ba4fa8df63ce67967829583688702d2bcac9771c', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '96eb0f46c8c7f3a75e99fc5a863013728f37963b', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '42fcfe163d8a8efff60b29364db197d6c67ef970', slot: "page_number" }, this.totalPages))), h("div", { key: 'f3de870dc6b506b3f0e2cbcd63cbd62e2e251e96', class: "pagination_btns" }, h("gb-button", { key: 'eec1be64fd9b9a2c24c8fcc72ef7798db56e6119', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '21eb96b5952da1f3d8c22e1f0d4344ed5bebee17', 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 === 'desktop' && (h(Fragment, null, h("div", { key: 'e78b4ea9fa2eb7646cb82e83676f164751948a9e', class: "pagination_entries" }, h("div", { key: 'a4341b64d8afbeebf5417282f1a9efd0fef392f7', class: "entries_text" }, h("p", { key: '1510e404c6c2209036a50a88f1b03dffbcb09038', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '370c2843a626d652992a9327af2ddf2e697c2e72', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '702c74ce23ff3a2937ff37174b38997eb9bf711b', 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" }))), h("div", { key: '871d72df12b5e96910fba298a3d24dd50a56a9b0', class: "page_number_text" }, h("p", { key: '944ebad050ad633e77a34f46283b7d39bca16983', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'da30052f9bd496ae1c690a73507a964bc138930a', class: "pagination_btns" }, h("gb-button", { key: '321f2115f5c424233fd226e629324904d80b40af', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '96a1b47411529628afcac0fcfe1a3483c3c48f11' }, "Previous")), h("gb-button", { key: 'ad5300540fbec158da4a98999cd3386175be5d8d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '01b31658d7c2803de69840524412b5699d4c19c0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '92bb224323c2d083e4a6bdecb3366799fec8a097', class: "pagination_btns" }, h("gb-button", { key: '60f5b0a4275142c3d7f5fc2fcd548cabbb7638fb', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'c77c76681b0241ad66ffe0eb134ea22e42fe6803' }, "Previous")), h("gb-button", { key: '5dcbbf9ae3632483c1e7824f52fa876b47831869', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'df1e8435dce30ae8a13a1816d28b4f420d9a4fac' }, "Next"))), h("div", { key: '59359f1f5c187975a70cb2b8dae503b3e1218c4c', class: "page_number_text" }, h("p", { key: '0f1c17b48d1c55fb74936df5d2db25bdf58509c0', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: 'e169efef329ea3c91bcd8e126c1fc468f19698f6', class: "pagination_entries" }, h("div", { key: '939cc2cefa106574d88d1628090d167444e9e19d', class: "entries_text" }, h("p", { key: '470c55a648102b4a1e23e5390b1a0c7243af5cae', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '08e75dbbb7459cffe60ed4fbef10c4a2d2bfc39c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c6b8366671f2802e279c3056c7f40a8688483904', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '8aed0486e58922e3d31e98c9801a8387630b6d27', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '656145fbecebfbea15fcf584c50ef2af51b7a5bb' }, "Previous")), h("div", { key: '53dad30ae9a27c4b4596b2e2f3fa514a15e0203a', class: "page_number_text" }, h("p", { key: 'e6f151c5e7a8536421ed510bd5e0f1a5c9a0b4fd', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'b421597cb2f3258f8f7d78b4fd97d3d94f5899ef', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6bccd2cfd8f04f406d773a812e838074a21bf74f' }, "Next")))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'adb397aae513a9dd21b147d638027d31a1d4cef8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'b0b29bdf88331b4cd33b80adf0b11fdd026322e4', class: "page_number_text" }, h("p", { key: '539cdb58813d13ca7f88e50ccf3d67a27555fad1', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'af2d8dcda672ce3837707db0da616d34858aa089', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
+        return (h("div", { key: '93192465e41becdc154ea3d490bd89077dafcbe5', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9d6c8770b32f5e0b58ddef92eb901aee4c7f5a50', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'd517a641dc75666b0470551458bf25003d1bcaf1' }, "Previous")), h("div", { key: '5673f26f97ab9f0711301c5cf75fe31e5ee90690', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '3c39fb4eef6fb739594b8f725f7c006a40685f1a', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'fbf89a879ee340290b035a01203d5815cb0410b3', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5abbe92ed0f350c40a5986789daa34dd3293cea4', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '9faf06da6b0b3632d00cb24e0bd9b70d192ceee7', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '70e1d123cff482d2a9e50659976ec3f27ce3d1c5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'aa601b7c8d5d927049d0d9112b0d1de23826179a', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '83a95ab0e84c76833c0b719a50ea69e8f8ce7200', shape: this.shape }, h("p", { key: '37938e29e9903eae8825dc33763bc5483d40aa71', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '526216d8f07fa2d170d24fb501d225c0994fe7cc', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '5f3ee2a0b7f52ef95447e765bdb82ceb6758319d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '905f217aac7cde8cb3c5d6efb97764ad2780ca03', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '1d010fa5ce00a5e91139c832fdf119b814f3f306', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'e496688e8c92cdf5dc41f036443864bba1a4418a', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '655612df630a9dc2645cf96c58644ba24163159a', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '76c7f90100be0ae6e316835264bf90dcf1724476', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '813c3337a90707574deb1ce8a5f27b016a2dd764' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '96f3a495717a5534521ca677e7f6df01cb247632', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '0a3a1eaac8627dab6bf58c6b0951ad80a849a32b' }, "Previous")), h("div", { key: 'd9bfa5de79464220301b5e2551e0cb135aa54c4b', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '28cfc9d37020a653992e94504d3b7331052403e6', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: 'b6a7df75ac247701f804a3f05374bca1007ce608', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'f2ddd3d09ae1ce3fa7001965f20b2c8d36645f19', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '2bd8bbe882c991f4f4f424e45261da6e1e0f33a9', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'ce19d35cc33a9560ca2437a57c32ecb3bb066124', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'b82f6cd60d1d99fad779244f693321494f146328', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'fef4e39736fb01f85380e6b647c587477dd5b341', shape: this.shape }, h("p", { key: 'e6372bae4fd5dd3b921dc7b2d0034acfe20b52ab', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '5e5528c05704091a914dfda2378019b0536dd96c', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '0ed2ec01f1e2ccd2cd10c328677639f8badd0513', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '15dd967c9bed6b8aef5ce27423cfadeeade00fa9', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'aa52299576943f591de6261d7b2d377e263275fa', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '9c66baa700d0a5f4a8276f9a3f2419d402c702e0', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '8221286f963e60cdd450ba0b076b30616bfecd29', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'a21ff906549743a72aeadd97af6f3ae5e4e30bd7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '8f5b50e4e0a6b2fd0f35154e88d59716c76e6979' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '06febfa06657bf4aa5b0ffd4393550292ee65d44', class: "pagination_entries" }, h("div", { key: '287821efd87af4d8a32a391fde2bd591e92400e8', class: "entries_text" }, h("p", { key: '57b0c52dc43af53a6b352630fd17358fe0497ca7', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '009516d180dc6f0abbfb079d05bb8edaf91adf11', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8a8f95ae7950cdb0c93a9fe501f073ef3254d0bd', 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" }))), h("div", { key: 'e7b787022fa9982f5dd0fbb98a165ff92526e4eb', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'a8fe896dc624e0498f5bce22b977f3682c45a777', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2e7bf1a66ee8748749e35c90d028a3771bb43596', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '0d584f43743e8bf16f87054016666998c794ec5e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c202e45a1efe603f337e2ec556669426a819d430', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '4c3221478668d44abf9e5d873131af1162f16b3a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1c683bb60b37bec68bba27533a87a55a1021bbc2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6bba89f37a80d83a16fbc9fd77bccae196b9c140', shape: this.shape, state: "default" }, h("p", { key: '54d22a0591b7e36a579abefa92859f2143e3407a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a409c6943b0c75467b8fb4430f1fad64eca1cab6', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: '9b3ede4fd2d5ea0b6ce3b7195b4a71590049b093', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'd4d4a96ea4e7ee85358602df91815f75c37c0cd1', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '72ff413c88c7e89b6e7ecf6dff767270a44da83e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'a069cc6812ac8b61e4794f2f9112ed4227dcb6bf', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: '8e2d55792c81c819da8fd4e03a5f9da3439b4858', slot: "page_number" }, this.totalPages))), h("div", { key: '0245203ee96ffcb4ca92d9ad9149d294b20c73dc', class: "pagination_btns" }, h("gb-button", { key: '1bd02728f41fbdd9cf4359d7918e46902b159058', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: '34cd9ca01efbca03667c60158c6b5ec872bb2ece', 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 === 'desktop' && (h(Fragment, null, h("div", { key: 'ab26e54f6458c38dae04edc3b0f1bd514e72c3f2', class: "pagination_entries" }, h("div", { key: '7e49aeb6cdfb7f41c132a6fe1eed05cb6f80e418', class: "entries_text" }, h("p", { key: '69577e1fdf6f7ffe4316a9a27917f008434db844', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '2ef40ebc856e9e746b629e3af04dd96f9fa02729', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8e6d1ae85f8c2c597609176b5cc1cc6bb9071abc', 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" }))), h("div", { key: '023d8d0ca939445124556416942b00ac8403a866', class: "page_number_text" }, h("p", { key: '9f6d446804667643b1ebc8cd06505423cb6ed873', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '4eed7f998ed0b7e8a6e82990f7a219083618dc3e', class: "pagination_btns" }, h("gb-button", { key: '3222849c692045be9eed27bfee84ecfedf3be557', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '164e62d9737e7bbed6c41de71be4ef29a4886cd7' }, "Previous")), h("gb-button", { key: 'c8f1c8d791f6220498ee846a315d91cef920a080', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bec837461ab059d665ab26684caf3cc4a26aabc0' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '967aed7df59a951dc31fcb5a6f64609c8553acae', class: "pagination_btns" }, h("gb-button", { key: '307278c93a556eaea1518684d057e9d269e367c4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f02de5cbd5ce64035934e612e471d39eeb4d1d16' }, "Previous")), h("gb-button", { key: '7970a12ef43b58c788a7c673b267fb70505c820f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b7189e8d999e56e2bbe4470c3c77a1370184d886' }, "Next"))), h("div", { key: '413e5e58e33d990d8b2689fc681bc4d92bd0c644', class: "page_number_text" }, h("p", { key: 'b3e56ea9a0c2d418193f3963d578bdf4015e5660', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '308312c6e2f7866c3bc274c30e7aa485d5a8d610', class: "pagination_entries" }, h("div", { key: '0c19386dba51d6512068d1b7ab0fac345175e67b', class: "entries_text" }, h("p", { key: '692b47358994b0cc5dba75891c52393ac7d6fd78', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b0ced5a961b246d3532429ff3592dfaff7417008', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e8528ff1285495f05c7690a54ffe91f38f59d911', 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" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '8c5af36bb31e08f4677dd3e2e781eb509fce0d21', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '0ac8d545c526250dd0507f17739a897c6a63ae0d' }, "Previous")), h("div", { key: 'af54c12b09f47a64026e35eafe9605ad8e4fa65d', class: "page_number_text" }, h("p", { key: '0895b7f516150e21311b438e138c6b417c96a14d', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '718cdc7683b9a6dfb3ed0dcf8ccc7162c6635b2f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '6b31f45b88bea5cfb51be355c44af8c15fba9828' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd09c2d55136c9684bf1aea0cb238d15b3d45b244', class: "pagination_entries" }, h("div", { key: 'b1eb642163ac4d461f743137ac57e957ae1ac719', class: "entries_text" }, h("p", { key: 'b4a363984d79c7be18ecff9a644fb3dba5207117', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '99ed230817035bdf0c657aac6766ef5093d95314', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '786ed25214df4aa1c36bc67d639d91a9ab516fbe', 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" }))), h("div", { key: '89d41e6cd2ee20cc2aa33c467fee989458ce153a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '840fbdd92db7a1a33910d0ce9328d73fc17e4aeb', icon: "leading" }, h("p", { key: '978083e6073dbb871bf1475fb209a49add837304' }, "Previous")), h("gb-pagination-button-group-base", { key: '9ce763da58f941cede07e8a9be101c1b55e02cdc', icon: "false", state: "active" }, h("p", { key: '824fde2abe49d66c9f68acea2425230dbe13db83' }, "1")), h("gb-pagination-button-group-base", { key: 'a4be30da6574fb215c437d69ca94093a6202ad5f', icon: "false" }, h("p", { key: '566d40ba5261e4ab3d0b1510aa27371372a8321e' }, "2")), h("gb-pagination-button-group-base", { key: '745320dbe41484b407a164e56c091cb01dfbd4b3', icon: "false" }, h("p", { key: '700f8a1f0be7a9dbab1b0c4c12e891b73331aabe' }, "3")), h("gb-pagination-button-group-base", { key: '55df61fa2e66ddac327ee1f9e31d544536b48f45', icon: "false" }, h("p", { key: '42f2d719970b2f6f1b7b6ad3568687ccb6253b78' }, "...")), h("gb-pagination-button-group-base", { key: 'ceb15552ecb0ae18668407024a755942cd8340d9', icon: "false" }, h("p", { key: 'cbcf335b35b95e4a507065e586691733ba12e8ff' }, "8")), h("gb-pagination-button-group-base", { key: '3d4842897c1cb2e19ac0519fd99d64f37642a675', icon: "false" }, h("p", { key: 'd99abb0b1228358410a2b731f1e0bfa5c1dfb800' }, "9")), h("gb-pagination-button-group-base", { key: 'd3d9c2b0050d0a0200581356dcc9f13613e2898d', icon: "false" }, h("p", { key: 'ddb865e41fd1e043e33747a530a5bb25e2aa9bc7' }, "10")), h("gb-pagination-button-group-base", { key: 'e7c0567cf976d142fd44c4f600ff099d9899827d', icon: "trailing" }, h("p", { key: '63b2253351d91e5a093cfb07abbff78fbb89ba1e' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'f0a3a00a8ebcfb0d48dd355be7cea3312e24141b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '88e9756384192b114996602fba1ab87e31726e5a', class: "page_number_text" }, h("p", { key: 'cb52fa171a0da367638654f6388ca39b8a510583', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '4bd8e8b46666861d47066099d99477e17fcd7e1f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
     }
     static get is() { return "gb-pagination"; }
     static get originalStyleUrls() {
@@ -45,7 +45,7 @@ export class GbPagination {
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationTypes",
-                    "resolved": "\"card_button_group_ right_aligned\" | \"card_button_group_center_aligned\" | \"card_button_group_left_aligned\" | \"card_default\" | \"card_minimal_center_aligned\" | \"card_minimal_left_aligned\" | \"card_minimal_right_aligned\" | \"page_default\" | \"page_minimal_center_aligned\"",
+                    "resolved": "\"card_button_group_center_aligned\" | \"card_button_group_left_aligned\" | \"card_button_group_right_aligned\" | \"card_default\" | \"card_minimal_center_aligned\" | \"card_minimal_left_aligned\" | \"card_minimal_right_aligned\" | \"page_default\" | \"page_minimal_center_aligned\"",
                     "references": {
                         "PaginationTypes": {
                             "location": "import",

package/dist/collection/components/gb-pagination/gb-pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQpE,MAAM,OAAO,YAAY;;;;;;;uBAMsB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;gCACZ,EAAE;;IAExD,uBAAuB;QACrB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC;YACjE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;YACtE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,oBAAoB,CAAC,IAA8B;QACjD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;YAEzD,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC5I,uEAAe,CACL;gBAEZ,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK;wBAC1C,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAC9G,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBAEN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAC/I,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B;oBAC7I,uEAAe,CACL;gBAEZ,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAChG,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK;wBAC1C,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAClH,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBAC9G,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBAEN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,mBAAgB,IAAI,wBAAqB,2BAA2B;oBAChJ,mEAAW,CACD,CACX,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChE;gBACE,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,oBACX,KAAK,EACrB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF;gBACN,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC5B,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;wBACvI,0DAAG,IAAI,EAAC,aAAa,QAAM,CACD;oBAC3B,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACjE,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACzI,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,SAAS;wBAC3D,0DAAG,IAAI,EAAC,aAAa,UAAQ,CACH;oBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClF,iCAA2B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;wBACtJ,SAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAK,CAClB,CAC7B,CAAC,CAAC,CAAC,IAAI;oBACR,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAEvD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;wBAEvD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAK,CACrB;oBAC5B,kFACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;wBAEnD,0DAAG,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAK,CACjB,CACxB;gBACN,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,0BAA0B,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAClC;oBACb,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,kBACD,IAAI,uBACA,2BAA2B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAC9B,CACT,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,4BAA4B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC9E;gBACE,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC1H,uEAAe,CACL;oBACZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACtH,mEAAW,CACD,CACR,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,2BAA2B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC7E;gBACE,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;wBAC1H,uEAAe,CACL;oBACZ,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;wBACtH,mEAAW,CACD,CACR;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,4DAAK,KAAK,EAAC,cAAc;wBACvB,0DAAG,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,cAEtE,CACA;oBACN,4DAAK,KAAK,EAAE,kBAAkB;wBAC5B,0EACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,IAAI,gBACG,KAAK,oBACD,KAAK,0BACC,KAAK,mBACZ,KAAK,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,mBACL,KAAK,GACA,CACjB,CACF,CACL,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,6BAA6B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAC/E;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE;oBAC1H,uEAAe,CACL;gBACZ,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;oBACtH,mEAAW,CACD,CACX,CACJ;YAEA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/D;gBACE,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,0BAA0B,GAAa;gBACzJ,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,0DAAG,KAAK,EAAC,gBAAgB;;wBACjB,IAAI,CAAC,WAAW;;wBAAM,IAAI,CAAC,UAAU,CACzC,CACA;gBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,kBAAe,IAAI,uBAAoB,2BAA2B,GAAa,CACzJ,CACJ,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment, State } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: false,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() breakpoint: BreakPoints;\r\n @Prop({ mutable: true }) currentPage: number;\r\n @Prop({ mutable: true }) totalPages: number;\r\n @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n @State() selectedPageSize: number \| string \| object = 10;\r\n\r\n onPreviousButtonClicked() {\r\n if (this.currentPage === this.totalPages \|\| this.currentPage > 1) {\r\n this.currentPage = this.currentPage - 1;\r\n }\r\n }\r\n\r\n onNextButtonClicked() {\r\n if (this.currentPage === 1 \|\| this.currentPage <= this.totalPages - 1) {\r\n this.currentPage = this.currentPage + 1;\r\n }\r\n }\r\n\r\n handlePageSizeSelect(item: number \| string \| object) {\r\n console.log(this.entries);\r\n this.selectedPageSize = item;\r\n console.log('Selected page size:', item);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n {/* Desktop Breakpoint Pagination /}\r\n {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state=\"default\"\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-help-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {/ Mobile Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-pagination.js","sourceRoot":"","sources":["../../../src/components/gb-pagination/gb-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment, State } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: false,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() breakpoint: BreakPoints;\r\n @Prop({ mutable: true }) currentPage: number;\r\n @Prop({ mutable: true }) totalPages: number;\r\n @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n @State() selectedPageSize: number \| string \| object = 10;\r\n\r\n onPreviousButtonClicked() {\r\n if (this.currentPage === this.totalPages \|\| this.currentPage > 1) {\r\n this.currentPage = this.currentPage - 1;\r\n }\r\n }\r\n\r\n onNextButtonClicked() {\r\n if (this.currentPage === 1 \|\| this.currentPage <= this.totalPages - 1) {\r\n this.currentPage = this.currentPage + 1;\r\n }\r\n }\r\n\r\n handlePageSizeSelect(item: number \| string \| object) {\r\n console.log(this.entries);\r\n this.selectedPageSize = item;\r\n console.log('Selected page size:', item);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n {/* Desktop Breakpoint Pagination /}\r\n {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state=\"default\"\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-help-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\">\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>3</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>8</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>9</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>10</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"trailing\">\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n </>\r\n )}\r\n {/ Mobile Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\"></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"only\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-right-02.svg\"></gb-button>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css CHANGED Viewed

@@ -1,6 +1,7 @@
 .button_base_div{
     display: flex;
     align-items: center;
+    align-self: stretch;
     border-right: 1px solid var(--color-border-subtle, #CDD5DF);
     justify-content: center;
     cursor: pointer;
@@ -11,12 +12,17 @@
     background: var(--color-background-gray-subtler, #EEF2F6);
 }
+.button_base_div.active{
+    background: var(--color-background-gray-subtler, #EEF2F6);
+}
 .button_base_div:active{
     background: none;
 }
 .button_base_div.false{
     width: 2.5rem;
+    height: auto;
     padding: 0.625rem;
 }

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

@@ -4,6 +4,7 @@ export class GbPaginationButtonGroupBase {
         this.icon = undefined;
         this.iconLeading = undefined;
         this.iconTrailing = undefined;
+        this.state = undefined;
     }
     componentDidLoad() {
         const slottedContent = this.el.querySelector('p');
@@ -12,7 +13,7 @@ export class GbPaginationButtonGroupBase {
         }
     }
     render() {
-        return (h("div", { key: 'afad9e14d1d3d611d1596a3b4e1d8886df849dc2', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '9117cafc1c6c9bc60ed182ecdd91fc141f7d58ac' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '577976b582c085e4dba57d92e9e4ba9d787c2769', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2a2fb0636e919da8744cc56c65e9ba0b3a8be578', 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: '8a9d84a0c560b13eb03269b045393d5991934d84' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'e5c9d438db6d34c5493149293fc79f4a2dc0fcac' }), this.iconTrailing && (h("svg", { key: '0099f7bd86d13709291a84c65fbeed3fcbd977f7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5fa8104cf1840c458d6c05cc9a7fa9941111d632', 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" })))))));
+        return (h("div", { key: '128f2dd4fa2fc523050203641b986c751961fa25', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '0752c70c1dfe25af67900d95459858ce77c030da' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '53afb12529ceb73c17d454a9bb48f8c00aea2c05', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'abde2265fbea67388b550ed3d168ada3c50ff5c7', 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: 'c914ae7a5df485fa86c7beb4d285fddb8a7cd4cd' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '686d87841d2678f7d2278655ee989bde2c2fe897' }), h("svg", { key: 'fe330b992f78b6726eeefa8f3b4f3ea9acda8585', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '9f6050fdc20a313a7834021f8e88d0254ac7c470', 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" }))))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }
@@ -78,6 +79,23 @@ export class GbPaginationButtonGroupBase {
                 },
                 "attribute": "icon-trailing",
                 "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'active'",
+                    "resolved": "\"active\" | \"default\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "state",
+                "reflect": false
             }
         };
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-pagination-button-group-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOtE,MAAM,OAAO,2BAA2B~~;;;;;;IAMtC~~,gBAAgB;QACd,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,8DAAa;YACtC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B;gBACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBAC5F,6DACE,CAAC,EAAC,0JAA0J,EAC5J,MAAM,EAAC,SAAS,kBACH,MAAM,oBACJ,OAAO,qBACN,OAAO,GACvB,CACE;gBACN,8DAAa,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B;gBACE,8DAAa;~~gBACZ~~,~~IAAI,CAAC,YAAY,IAAI,CACpB,~~4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBAC5F,6DACE,CAAC,EAAC,yJAAyJ,EAC3J,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,~~CACA,~~CACJ,CAEG,CACP,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Prop, h, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-button-group-base',\r\n styleUrl: 'gb-pagination-button-group-base.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationButtonGroupBase {\r\n @Prop() icon: 'false' \| 'only' \| 'trailing' \| 'leading';\r\n @Prop() iconLeading: string;\r\n @Prop() iconTrailing: string;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n if (slottedContent) {\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`button_base_div ${this.icon}`}>\r\n {this.icon === 'false' && <slot></slot>}\r\n {this.icon === 'leading' && (\r\n <>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.67\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <slot></slot>\r\n </>\r\n )}\r\n {this.icon === 'trailing' && (\r\n <>\r\n <slot></slot>\r\n ~~{this.iconTrailing && (\r\n~~ <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ~~)}\r\n~~ </>\r\n )}\r\n {/* {this.icon === 'only' && ()} */}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-pagination-button-group-base.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOtE,MAAM,OAAO,2BAA2B;;;;;;;IAOtC,gBAAgB;QACd,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,8DAAa;YACtC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B;gBACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBAC5F,6DACE,CAAC,EAAC,0JAA0J,EAC5J,MAAM,EAAC,SAAS,kBACH,MAAM,oBACJ,OAAO,qBACN,OAAO,GACvB,CACE;gBACN,8DAAa,CACZ,CACJ;YACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B;gBACE,8DAAa;gBACX,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;oBAC5F,6DACE,CAAC,EAAC,yJAAyJ,EAC3J,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CACJ,CAEG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-button-group-base',\r\n styleUrl: 'gb-pagination-button-group-base.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationButtonGroupBase {\r\n @Prop() icon: 'false' \| 'only' \| 'trailing' \| 'leading';\r\n @Prop() iconLeading: string;\r\n @Prop() iconTrailing: string;\r\n @Prop() state: 'default' \| 'active';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n if (slottedContent) {\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`button_base_div ${this.icon}`}>\r\n {this.icon === 'false' && <slot></slot>}\r\n {this.icon === 'leading' && (\r\n <>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.67\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <slot></slot>\r\n </>\r\n )}\r\n {this.icon === 'trailing' && (\r\n <>\r\n <slot></slot>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </>\r\n )}\r\n {/* {this.icon === 'only' && ()} */}\r\n </div>\r\n );\r\n }\r\n}"]}

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

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

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

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'eaf62beb1b733fd2c9326e6ca8c107a0456038a3', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '42c56fa3de4e253b94c93c71a44987d75dae14e5', name: "page_number" })));
+        return (h("div", { key: 'd094d00d3a90d3f99a40364f5fab418d1243ac06', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'd5c3077ecde3c75343b31a43e6cfbb11523f8836', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '44c4cd49773121e16bcf89bf47064bb7e4d70c94' }, h("gb-btn", { key: '168abc131c7bd74bbc2836a93fce5414fc2eae09', 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: '9e333703944d06e4ab36bdcb62bf8c391c9e0a8c' }, h("gb-btn", { key: '968794239f2e9f886022d197202809e87ab1bbe2', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '1070ff9d4098e3505c7051703cdcf70ed25dcdee', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '2f83a6c4b2930bf7341541ddbc666facf2d453ab', class: "progress_bar" }, h("div", { key: 'f1b58aad0ff51b10baff111a68a14a226ff2b32f', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '27bf2ea7adf030368ccfb1438458bd97b23b46e3', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'db44c9708f598ed4cdb6b5a6cc8076ba7041fc81', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '71dd9331d6047978587b93c3d9698bf86470d4a4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'd0a3683b773532ca435f9b288f2e390f2022aec9', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'f50be7af9ce43ce3d9637fed86622b7264a114aa', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '36e41bf58907dd9a534199c8c3a2da86c20d2256', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'fd11aae5cbfe2221e0f0a3bbb549a13fe74d308a', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '6cb927d1b8abd01edf963f26a1544230e1c40a67', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '73d38718d6776775b49f9b77632df45703f2abda', class: "progress_bar" }, h("div", { key: '46e116b9033f8546279b7f3d475afd60412ded1c', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '5437144fa66e123cb34596ecd3aca1d52e00e758', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '13c0d66ce03d6c02a9935e1538ae241ba5bc771a', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '78785b01c187e7553b31b76cd9f0fcb259f1f6da', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '930293aab28324679ffa90760ae86d8eb8adbf59', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: 'adf40ca8e2b5f1b0c1a6efee0379078deec5a41d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '053817e7d78fa5f052e8f395686c9eace73a63b8', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'cbdf2499a4410281cf6ebd670c87adcd83c85c4b', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: 'f917fcc84081c8d4b50bec01bafc6a91f9c0ccef', class: "gauge" }, h("div", { key: '257ced75e4409fff171da6d9276586971c1692ac', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'cd7864b6c048b23e8965f103c88264611f244c9d', class: "mask" }), this.label && (h("div", { key: '04c47fc6fcbf526103dc0f507cd6db40825efc7a', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '0292247ff2f5b729fca817d01e1a212ed63ac8f2', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '7006094c039013a03b0e8a767c7dbe74aa1f8910', class: "gauge" }, h("div", { key: '30046db781f2f258fca2f6ab3efd9fc5d1026cb3', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '798a8d5a6fc3f6604f13391c96a794bb81a8c46d', class: "mask" }), this.label && (h("div", { key: 'e14e51f0527dd973b3b385fe61e5e40bd179e83d', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '7d6ecbc7b6d43137942eb413061c6a08c3499b67', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: '8fda531f7da62c067e1e90685e8a081397d76bf2', class: classes }, h("div", { key: '8227eedd2cdab22a7e33e5cd351edf3b1e12663a', class: "input-with-label" }, h("label", { key: 'e81a9bdb13f221c7d80a6cfba0cad91c47c6cc8d' }, this.label), h("div", { key: '743638a9433ac47906d2769dd06e7f1083c82b44', class: "input-container" }, h("div", { key: '975f9a3b31d31284bd76f73893a30fc3a802bdbf', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '3728f1551d272af0152f041952d9cb6afb13561d', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '424400c4f6b5a855850e6b82dbb4e1e0e7558935', class: "error-icon" }, h("svg", { key: '79b1067a7ce2c5afb80e5832e5602caea0b4da29', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '5e982101ffb08ae898e7838b41d7c03566d66e8e', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '216f2c362d54d2a02ada77aeb3ca3b418c845380', class: "text-container" }, h("textarea", { key: '8c45aea65dcab8537feba5819c50212a22cf0ce9' }, this.showPlaceholder && (h("div", { key: 'ea29327d28f402bad39f52fe33eadb2e9d4caf8e' }, this.placeholder)))))), this.showHintText && (h("div", { key: 'fcdb14a42b1aabb9c160ac2206558daf094702c6', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '360fabe0a346e69b670b2bd459e62cb9fca5ffd1', class: classes }, h("div", { key: '2397453ca9578c51b1d2e3fd90a759c14f16e7f3', class: "input-with-label" }, h("label", { key: 'f8d49d4ea9ebc2bdb9b74bfb876456fcb4abc630' }, this.label), h("div", { key: '58d4285b8f2920da510c63dcd3405904b9a1bc54', class: "input-container" }, h("div", { key: '153d82aa31950fe111848a1c0188a53df38e7e22', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '81d35f0448ca4c78d19d223c4108750c7e2c0298', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '21ac01f22624a45519743c699bfac2e1e230080f', class: "error-icon" }, h("svg", { key: 'fc9184a3441916bfe6b30253123b2e200c4480f4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '4f48f6a31f77c9baa52f4c3372cf1755af054926', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '2afa697fa4d107060386fe180b37abd6f0803560', class: "text-container" }, h("textarea", { key: 'ecb4aefc53d5985c152b81556c5fd4d2a5d650d1' }, this.showPlaceholder && (h("div", { key: 'a8d7910cdf08794fd36ac3d1bdf4ca8829aca15d' }, this.placeholder)))))), this.showHintText && (h("div", { key: '2e4fbbe6dc74f505e6c76922af5ae24267019626', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '0f830ac22bc6481da826a93b2dcf1356ae9a3782', class: "scrollbar-container" }, h("div", { key: '59753243aee37674c4bc975d0e8c385a2c5d266d', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'cc3389a157c765bb263d8f0974ca6bb167ee6bf4' }))));
+        return (h("div", { key: '251ba71b385dd1df436c5d82b48cecc51a067e71', class: "scrollbar-container" }, h("div", { key: 'af3d1087e3229ea4f9a3c9c3e6f7a869fe7ed164', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '13e3b36b8b3b780c7d2e82f85c1ed107070038ed' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js CHANGED Viewed

@@ -32,7 +32,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '2bf3a79f5b642cf386a720c943ea47f5f92a28dd', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '8adadd50edc8f8e0b371d9e5ca915c56e36a1f2d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'dc03594ca8cb7392fd5419a2dd5b9ee0bf78899e', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '16f87283672c2aa00d5237e8fec4fe106ba3d42a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '7ac2059c077310677219edff1bde1c88502c0e1f', class: "content" }, h("div", { key: '9b730b46658438dca5416d7479a019f708c58957', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'f84994c2f4123d8e866815d2e684b9a73291606b', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'ea05a6272ae811ae7bfd052a0fca6b93d5fbe24a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'c17c3ca26a58319bf7eae3d918acee9071d6e8d1' }, "10"))), this.showArrow && (h("svg", { key: 'cae61e6535a5254547ea30c37a211828e56b12a0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '2410d978dbc3ba5b6c9f8e3c0aa93854883cd3c1', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'd8ea8f0b8d035da0cda085d95a186d0450234fcd', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '87eaf965322dc97aebaa2841faeaaedb3f57c08b', slot: "label" }, this.label)))));
+        return (h("div", { key: 'c77c2f192a3b37c4e8750dafc57894e46d48ecaa', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'c5a983d983d56b9a059a8d1474fdfce11c2851f6', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '22bc04565f5e6f02254762723401387d7a5b41c8', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '60ddb8bba881914b038a97fb615e309a8a31d294', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '63e4108fc213a8e9605ae72c01a8dc9a7b83bff3', class: "content" }, h("div", { key: '6faaee0d962e67c9968c9a823c37076e2a893edf', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '0bcf7e3576aef18105d89e60bd5e875c6835f5c2', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '4d78c8520a0197a09308364d2d66df1190946e1a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '17ae85d82145452e8b26908e6844f862b5aac582' }, "10"))), this.showArrow && (h("svg", { key: '1e4ade713fadf6c79bd939f26ead8e08ab48d23d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '6d7577f77e012087b73c1cdcd7c93b8364bbd16e', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '7beaaf60c7d54201f43ba3f61a55684567340ffd', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'cf114385f3b7f0ff3dea7765495c1fcc459da58c', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-sidebar/gb-sidebar.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: 'b959fc131d23b098017e349eaacca91f07af8e8b', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '154e8b647e47e565255259755a95636fd7c2b5c7', class: "pattern" }, h("img", { key: '1be071bbe0509db0fba43f6de31b95f6b009b533', src: patternSrc, alt: "" }))), h("div", { key: '5564c9c0cce1cac6350222f6fbc975aee83e693d', class: "nav" }, h("div", { key: 'b8590c60c3fccf99dfd77255524f79f5d460a617', class: `sidebar_header ${this.state}` }, h("div", { key: 'a906f2511518518ae91ca830b2af22f518f7c1a2', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'd0ac5ccc25a9d06cf4ee08ca3db89784518bbeb7', src: logoSrc, alt: "" })), h("div", { key: '9e9f6128534ba98f042096b666b0693621fe1b11', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '51d205b42a06d49680b3ca1492f892c9272916ca', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'f55668036bb6d7f42ec1651d8da3b98bb9eb7366', class: "navigation" }, h("div", { key: 'e12c24501162ce4471c2bea937eb4e5524cfec31', class: "item" }, h("gb-side-bar-item", { key: 'e07f281485645b72842f373f84ad31d6de3de76f', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '58da239fbb709c133d8eebecda242b312a981d8c', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '1acf25619c8d5cd533594c3b648f6470f557e205', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '7795bf91d2191b7b86aefcf42abda5a939d465e0', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '24a79a313af531d221c10ec391907bde9f84c500', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'aa04c4b524d2475533cd64608693172013e65334', class: "navigation" }, h("div", { key: '48e11736f3f7298ea627226a2e91e34a4ea2a921', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '6a391b34f7238e47fc6b80ea66d84f02990145a8', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '1161b7c4af9ad26ea84cb772d4861d798522daab', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '0be0b1c6ab8cfc65dcbd87cb7be00e759654e017', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '777d7faf59246e969e9ce85a85143100df41bb4f', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'eadcdd85a1d43052ecaf673a5b788dd968a4eb03', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'e42ba69f99f5ba5b35666e36496c67f9af8464e1', class: "application_name" }, h("div", { key: 'b413374b84414240f6db30391b42cfbd098813fd', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'd072f946b90c608f6e03ec091c931973be021b43', class: "application_name_pattern" }, h("img", { key: '2d9f3bc11fe7bb71c032584cca43e8f3101a6b4d', src: patternSrc, alt: "" }))), h("div", { key: 'b8fe561c7b140e4c9cae6d04425dd669b342cd40', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '51d6ae9050782fa4ec46e46c967c90c9954548d8', class: textClass }, h("slot", { key: 'ba571379aefc4bd19b98ac5e317b02db2b130715', name: "application_name" })))))));
+        return (h("div", { key: '2d7a4d4860fd4a2011b59ec60d12c98c4151913f', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'c84f084d73b1e1aa39eea84507701d13eac2248f', class: "pattern" }, h("img", { key: '4fa705815f96f135b59f1928a128b8bc2d398dde', src: patternSrc, alt: "" }))), h("div", { key: '6738e54491cb54f718ac7e21c33149bd35d38036', class: "nav" }, h("div", { key: '45c615b2f11b5b6a39c1c5c4f46e3ff1f3cb0f1e', class: `sidebar_header ${this.state}` }, h("div", { key: '1e13d2af2f92b9dc5026cb1fc79b3361ad12379b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '16dfd7fc08c0cce3cb2cd0bbc725cd698b3814f4', src: logoSrc, alt: "" })), h("div", { key: '3dbc84570346c4d83d1f782bc556369e21ce9468', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'ccec807878b4231d1dc5815a1ababc8ac048add3', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c33d8fced6cc8725d6441229929619b6ec3a2910', class: "navigation" }, h("div", { key: 'd100b8d5fc09c29123a26b5dbfd3fce0fb884766', class: "item" }, h("gb-side-bar-item", { key: '73751125f52d8464460b6129ae9fe402aca4dd87', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: 'ec015358c990056f0ac6093cb6a09eedd522ced6', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: 'c5f41cedd785367768003112d84caf3402de2e24', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '9738eb8ec0b777a05cbb7d00c2bdc7397bf16499', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: 'ff9fe5ffffad911740e3239334316740928ab564', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'a23330a7942c5cea4eec550310b3e51ee5ef351a', class: "navigation" }, h("div", { key: 'f761ea561fb8e162d81fda7fdb7b7f165f0c97ff', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'fb144a599d7192ffb1a7b3c943081d8246e51c9c', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'badbae530a7b31825322135d9e47993fc7341a7f', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '20c87d7091da12c103fbea0249a53e9b27a79acc', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '9d5629003d51144d72c4af61b7658b5d7960c76d', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '27e99613572c4f41641adde5fe9bbfaab2c3351a', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '1f04c9873c53229ba508e91a51cc4af65b6be44f', class: "application_name" }, h("div", { key: 'a4d9f91cd21b4416ec441c50fae366617099b7e7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '482ba094e51413b61b4ffeb9a8075da2fc090dd0', class: "application_name_pattern" }, h("img", { key: '0a298c1b62b8aab95e12d3a986e6ffa047cbf60b', src: patternSrc, alt: "" }))), h("div", { key: 'b3ee2bf17acd536283ccfa8c1e57538249269ed3', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '4ab3aff01dbd6a79b0739089c722289a68bc9764', class: textClass }, h("slot", { key: 'f9497bdbe49b36f6a054a03588723502af4e4cf8', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }