globuswebcomponents 0.9.4 → 0.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/dist/cjs/gb-avatar_40.cjs.entry.js +48 -48
  2. package/dist/cjs/gb-avatar_40.cjs.entry.js.map +1 -1
  3. package/dist/cjs/gb-pagination-dot-group.cjs.entry.js +26 -0
  4. package/dist/cjs/gb-pagination-dot-group.cjs.entry.js.map +1 -0
  5. package/dist/cjs/gb-progress-bar.cjs.entry.js +1 -1
  6. package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
  7. package/dist/cjs/gb-rich-text.cjs.entry.js +1 -1
  8. package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
  9. package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
  10. package/dist/cjs/gb-token-field.cjs.entry.js +1 -1
  11. package/dist/cjs/gb-verification-code-field.cjs.entry.js +2 -2
  12. package/dist/cjs/globuscomponents.cjs.js +1 -1
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/reusableModels-40cbefe2.js.map +1 -1
  15. package/dist/cjs/test-input-tag.cjs.entry.js +2 -2
  16. package/dist/collection/collection-manifest.json +1 -0
  17. package/dist/collection/components/gb-input-field/gb-input-field.js +24 -24
  18. package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
  19. package/dist/collection/components/gb-pagination/gb-pagination.css +43 -2
  20. package/dist/collection/components/gb-pagination/gb-pagination.js +1 -1
  21. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  22. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css +5 -2
  23. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
  24. package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js.map +1 -1
  25. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.css +0 -0
  26. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js +111 -0
  27. package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js.map +1 -0
  28. package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +10 -4
  29. package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js.map +1 -1
  30. package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
  31. package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
  32. package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
  33. package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
  34. package/dist/collection/components/gb-rich-text/gb-rich-text.js +1 -1
  35. package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
  36. package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js +1 -1
  37. package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
  38. package/dist/collection/components/gb-slider/gb-slider.js +1 -1
  39. package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js +1 -1
  40. package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
  41. package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
  42. package/dist/collection/components/gb-tag/gb-tag.js +1 -1
  43. package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
  44. package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
  45. package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
  46. package/dist/collection/components/gb-toast/gb-toast.js +1 -1
  47. package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
  48. package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
  49. package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
  50. package/dist/collection/components/gb-token-field/gb-token-field.js +1 -1
  51. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  52. package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js +2 -2
  53. package/dist/collection/components/test-input-tag/test-input-tag.js +2 -2
  54. package/dist/collection/models/reusableModels.js.map +1 -1
  55. package/dist/components/gb-avatar-add-button.js +1 -1
  56. package/dist/components/gb-avatar-dropdown.js +3 -3
  57. package/dist/components/gb-avatar-group.js +4 -4
  58. package/dist/components/gb-avatar-label-group.js +1 -1
  59. package/dist/components/gb-avatar-profile-photo.js +2 -2
  60. package/dist/components/gb-avatar.js +1 -1
  61. package/dist/components/gb-badge.js +1 -1
  62. package/dist/components/gb-checkbox-group-item.js +1 -1
  63. package/dist/components/gb-checkbox-group.js +3 -3
  64. package/dist/components/gb-collapse-button.js +1 -1
  65. package/dist/components/gb-file-upload-item-base.js +1 -1
  66. package/dist/components/gb-file-upload.js +3 -3
  67. package/dist/components/gb-header.js +2 -2
  68. package/dist/components/gb-help-tooltip.js +1 -1
  69. package/dist/components/gb-horizontal-tabs.js +4 -4
  70. package/dist/components/gb-input-dropdown-menu-item.js +1 -1
  71. package/dist/components/gb-input-dropdown.js +1 -1
  72. package/dist/components/gb-input-field.js +33 -33
  73. package/dist/components/gb-input-field.js.map +1 -1
  74. package/dist/components/gb-pagination-button-group-base.js +1 -1
  75. package/dist/components/gb-pagination-dot-group.d.ts +11 -0
  76. package/dist/components/gb-pagination-dot-group.js +46 -0
  77. package/dist/components/gb-pagination-dot-group.js.map +1 -0
  78. package/dist/components/gb-pagination-dot-indicator.js +2 -2
  79. package/dist/components/gb-pagination-dot-indicator.js.map +1 -1
  80. package/dist/components/gb-pagination-number-base.js +1 -1
  81. package/dist/components/gb-pagination.js +14 -14
  82. package/dist/components/gb-pagination.js.map +1 -1
  83. package/dist/components/gb-password-button.js +1 -1
  84. package/dist/components/gb-progress-bar.js +1 -1
  85. package/dist/components/gb-progress-circle.js +1 -1
  86. package/dist/components/gb-rich-text.js +12 -12
  87. package/dist/components/gb-scrollbar.js +1 -1
  88. package/dist/components/gb-side-bar-item.js +1 -1
  89. package/dist/components/gb-sidebar.js +7 -7
  90. package/dist/components/gb-slider-control-handle.js +1 -1
  91. package/dist/components/gb-slider.js +3 -3
  92. package/dist/components/gb-status-indicator.js +1 -1
  93. package/dist/components/gb-tab-button-base.js +1 -1
  94. package/dist/components/gb-tag-checkbox.js +1 -1
  95. package/dist/components/gb-tag-close.js +1 -1
  96. package/dist/components/gb-tag-count.js +1 -1
  97. package/dist/components/gb-tag.js +1 -1
  98. package/dist/components/gb-toast-button.js +1 -1
  99. package/dist/components/gb-toast.js +2 -2
  100. package/dist/components/gb-toggle-base.js +1 -1
  101. package/dist/components/gb-toggle.js +2 -2
  102. package/dist/components/gb-token-field.js +1 -1
  103. package/dist/components/gb-tooltip.js +1 -1
  104. package/dist/components/gb-verification-code-field.js +2 -2
  105. package/dist/components/gb-wysiwyg-toolbar.js +1 -1
  106. package/dist/components/{p-34b1bcaa.js → p-0ab66ef0.js} +2 -2
  107. package/dist/components/{p-34b1bcaa.js.map → p-0ab66ef0.js.map} +1 -1
  108. package/dist/components/{p-34e0b08c.js → p-23eeb711.js} +2 -2
  109. package/dist/components/{p-34e0b08c.js.map → p-23eeb711.js.map} +1 -1
  110. package/dist/components/{p-0e4d1693.js → p-33797063.js} +2 -2
  111. package/dist/components/{p-0e4d1693.js.map → p-33797063.js.map} +1 -1
  112. package/dist/components/{p-3dd13a3c.js → p-4710b26e.js} +3 -3
  113. package/dist/components/{p-3dd13a3c.js.map → p-4710b26e.js.map} +1 -1
  114. package/dist/components/{p-d0527bbf.js → p-4d14d191.js} +3 -3
  115. package/dist/components/{p-d0527bbf.js.map → p-4d14d191.js.map} +1 -1
  116. package/dist/components/{p-feddb21e.js → p-4e87a1a4.js} +6 -6
  117. package/dist/components/{p-feddb21e.js.map → p-4e87a1a4.js.map} +1 -1
  118. package/dist/components/p-4f31ae97.js.map +1 -1
  119. package/dist/components/{p-af46cdd8.js → p-52a05610.js} +3 -3
  120. package/dist/components/{p-af46cdd8.js.map → p-52a05610.js.map} +1 -1
  121. package/dist/components/{p-8d35e82f.js → p-58074dfd.js} +2 -2
  122. package/dist/components/{p-8d35e82f.js.map → p-58074dfd.js.map} +1 -1
  123. package/dist/components/{p-9f7a30fa.js → p-61d6b9a4.js} +2 -2
  124. package/dist/components/{p-9f7a30fa.js.map → p-61d6b9a4.js.map} +1 -1
  125. package/dist/components/{p-f9c61d7c.js → p-66ae8c03.js} +3 -3
  126. package/dist/components/{p-f9c61d7c.js.map → p-66ae8c03.js.map} +1 -1
  127. package/dist/components/{p-17654aff.js → p-677c05f3.js} +11 -11
  128. package/dist/components/{p-17654aff.js.map → p-677c05f3.js.map} +1 -1
  129. package/dist/components/{p-b9989875.js → p-6bc60646.js} +3 -3
  130. package/dist/components/{p-b9989875.js.map → p-6bc60646.js.map} +1 -1
  131. package/dist/components/{p-641dba3f.js → p-79b9747d.js} +2 -2
  132. package/dist/components/{p-641dba3f.js.map → p-79b9747d.js.map} +1 -1
  133. package/dist/components/{p-9c0f11ef.js → p-7a028adc.js} +2 -2
  134. package/dist/components/{p-9c0f11ef.js.map → p-7a028adc.js.map} +1 -1
  135. package/dist/components/{p-c5e80b25.js → p-8ea8fb2e.js} +10 -10
  136. package/dist/components/{p-c5e80b25.js.map → p-8ea8fb2e.js.map} +1 -1
  137. package/dist/components/{p-dfa14cc2.js → p-8ec4b241.js} +7 -7
  138. package/dist/components/{p-dfa14cc2.js.map → p-8ec4b241.js.map} +1 -1
  139. package/dist/components/{p-bec96455.js → p-a4ac9229.js} +2 -2
  140. package/dist/components/{p-bec96455.js.map → p-a4ac9229.js.map} +1 -1
  141. package/dist/components/{p-b918c804.js → p-b3fba286.js} +2 -2
  142. package/dist/components/{p-b918c804.js.map → p-b3fba286.js.map} +1 -1
  143. package/dist/components/{p-9deaf0e8.js → p-b8cc4ced.js} +3 -3
  144. package/dist/components/p-b8cc4ced.js.map +1 -0
  145. package/dist/components/{p-5373e383.js → p-bc05d524.js} +2 -2
  146. package/dist/components/{p-5373e383.js.map → p-bc05d524.js.map} +1 -1
  147. package/dist/components/{p-a01bde57.js → p-bf85c0fa.js} +3 -3
  148. package/dist/components/{p-a01bde57.js.map → p-bf85c0fa.js.map} +1 -1
  149. package/dist/components/{p-360d915d.js → p-d287e4f9.js} +2 -2
  150. package/dist/components/{p-360d915d.js.map → p-d287e4f9.js.map} +1 -1
  151. package/dist/components/{p-697e1460.js → p-dae08e66.js} +7 -7
  152. package/dist/components/{p-697e1460.js.map → p-dae08e66.js.map} +1 -1
  153. package/dist/components/{p-d6e0d2b9.js → p-e9099a82.js} +3 -3
  154. package/dist/components/{p-d6e0d2b9.js.map → p-e9099a82.js.map} +1 -1
  155. package/dist/components/{p-0e0fe104.js → p-f5df341d.js} +2 -2
  156. package/dist/components/{p-0e0fe104.js.map → p-f5df341d.js.map} +1 -1
  157. package/dist/components/{p-5d26997a.js → p-fe051273.js} +3 -3
  158. package/dist/components/{p-5d26997a.js.map → p-fe051273.js.map} +1 -1
  159. package/dist/components/test-input-tag.js +9 -9
  160. package/dist/esm/gb-avatar_40.entry.js +48 -48
  161. package/dist/esm/gb-avatar_40.entry.js.map +1 -1
  162. package/dist/esm/gb-pagination-dot-group.entry.js +22 -0
  163. package/dist/esm/gb-pagination-dot-group.entry.js.map +1 -0
  164. package/dist/esm/gb-progress-bar.entry.js +1 -1
  165. package/dist/esm/gb-progress-circle.entry.js +1 -1
  166. package/dist/esm/gb-rich-text.entry.js +1 -1
  167. package/dist/esm/gb-scrollbar.entry.js +1 -1
  168. package/dist/esm/gb-toggle.entry.js +1 -1
  169. package/dist/esm/gb-token-field.entry.js +1 -1
  170. package/dist/esm/gb-verification-code-field.entry.js +2 -2
  171. package/dist/esm/globuscomponents.js +1 -1
  172. package/dist/esm/loader.js +1 -1
  173. package/dist/esm/reusableModels-e864cf6e.js.map +1 -1
  174. package/dist/esm/test-input-tag.entry.js +2 -2
  175. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  176. package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
  177. package/dist/globuscomponents/{p-92de0c24.entry.js → p-135fa032.entry.js} +2 -2
  178. package/dist/globuscomponents/p-184d9489.entry.js +2 -0
  179. package/dist/globuscomponents/p-184d9489.entry.js.map +1 -0
  180. package/dist/globuscomponents/{p-0d70523d.entry.js → p-2e30fc4c.entry.js} +2 -2
  181. package/dist/globuscomponents/p-2e30fc4c.entry.js.map +1 -0
  182. package/dist/globuscomponents/p-4f31ae97.js.map +1 -1
  183. package/dist/globuscomponents/{p-771bb16e.entry.js → p-707fcde4.entry.js} +2 -2
  184. package/dist/globuscomponents/{p-31e346c4.entry.js → p-8c916245.entry.js} +2 -2
  185. package/dist/globuscomponents/{p-470286c6.entry.js → p-964e5e0c.entry.js} +2 -2
  186. package/dist/globuscomponents/{p-7969a875.entry.js → p-9f01343e.entry.js} +2 -2
  187. package/dist/globuscomponents/{p-50f8c972.entry.js → p-c232233f.entry.js} +2 -2
  188. package/dist/globuscomponents/{p-21bd8122.entry.js → p-da0e6faf.entry.js} +2 -2
  189. package/dist/globuscomponents/{p-0a4a13a8.entry.js → p-efd85181.entry.js} +2 -2
  190. package/dist/types/components/gb-pagination-dot-group/gb-pagination-dot-group.d.ts +8 -0
  191. package/dist/types/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.d.ts +2 -2
  192. package/dist/types/components.d.ts +25 -4
  193. package/dist/types/models/reusableModels.d.ts +1 -0
  194. package/package.json +1 -1
  195. package/dist/components/p-9deaf0e8.js.map +0 -1
  196. package/dist/globuscomponents/p-0d70523d.entry.js.map +0 -1
  197. /package/dist/globuscomponents/{p-92de0c24.entry.js.map → p-135fa032.entry.js.map} +0 -0
  198. /package/dist/globuscomponents/{p-771bb16e.entry.js.map → p-707fcde4.entry.js.map} +0 -0
  199. /package/dist/globuscomponents/{p-31e346c4.entry.js.map → p-8c916245.entry.js.map} +0 -0
  200. /package/dist/globuscomponents/{p-470286c6.entry.js.map → p-964e5e0c.entry.js.map} +0 -0
  201. /package/dist/globuscomponents/{p-7969a875.entry.js.map → p-9f01343e.entry.js.map} +0 -0
  202. /package/dist/globuscomponents/{p-50f8c972.entry.js.map → p-c232233f.entry.js.map} +0 -0
  203. /package/dist/globuscomponents/{p-21bd8122.entry.js.map → p-da0e6faf.entry.js.map} +0 -0
  204. /package/dist/globuscomponents/{p-0a4a13a8.entry.js.map → p-efd85181.entry.js.map} +0 -0
package/dist/collection/components/gb-pagination/gb-pagination.js CHANGED
@@ -25,7 +25,7 @@ export class GbPagination {
25
25
  console.log('Selected page size:', item);
26
26
  }
27
27
  render() {
28
- 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("div", { key: '530cc375fa652fd571debd0339aac73a0dc1c935', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e6c786d9f6556514a5963f691b7449d0c35d6c61', icon: "false", state: "active" }, h("p", { key: '5569031fc67f7c16fd74159eaaa4ed5968f4e76a' }, "1"))), h("gb-pagination-button-group-base", { key: 'df9779861c56629d20ff9518310f8b0fe7d5a8d0', icon: "false" }, h("p", { key: '2e99feb007effbba87e09f7215a80d2ae2feb452' }, "2")), h("gb-pagination-button-group-base", { key: '0c0f968643d5752aed5155b25d2d60798196294a', icon: "false" }, h("p", { key: 'dbbce40db4d73e00d72d1bbca531b91f2e89fc93' }, "3")), h("gb-pagination-button-group-base", { key: 'ab4e6c59ff7d04e2508522afa5dc6a8eff9a3601', icon: "false" }, h("p", { key: '9db94320df4bb9d24fb2fc54bf0027adf8941d58' }, "...")), h("gb-pagination-button-group-base", { key: '87efd43d5853e7a7ecfc12e7cec060a19e1d1391', icon: "false" }, h("p", { key: '1ee19cbea1a86854f6e31495f541a8d75f30a725' }, "8")), h("gb-pagination-button-group-base", { key: 'ed19fa27562de674a60a5e437001da773ea1410c', icon: "false" }, h("p", { key: '50c7bdb4421f81481ae88201a28b2aca0d1c6688' }, "9")), h("gb-pagination-button-group-base", { key: '604bed86cb9f5c5e038c946a0fc953709efa337b', icon: "false" }, h("p", { key: '7766769fbca67059bf4be20d9c05518dee077958' }, "10")), h("gb-pagination-button-group-base", { key: 'c860928b9257b0dfc37ef8750abc3c8671be1564', icon: "trailing" }, h("p", { key: 'f0d99d24f0faab24e435c3e18d38458bdb035c0e' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7c07b28b1fb1ab71395880052af63e80c6eefda3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '9422ea66939b61393642f76a907e5e43aaa2977c', class: "page_number_text" }, h("p", { key: 'db5a6fa35c46d96922d5565cc3baac6078b4aa20', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'de99be0b43363c7cc3358b82f510cbfa75a8bfc3', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
28
+ 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: 'bffaf68232e5ef944f53a76d7f040495081c979f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '88aebf90f11a9d10b09f5dfa5c11341167cb7b13', class: "pagination_btns" }, h("gb-button", { key: '2132a11b0e49a61394981858fe3756c0425a3232', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '98ad191db63e0c0a14ce8dc3061c782935545d2f' }, "Previous")), h("gb-button", { key: 'fe6fa4192a097307636b2a50e0f58ac79e729298', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '507d39be8f9414e6f850044a62562bf91e8d290f' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '94578829cff8ac7769cbd6ee9199bacc79c50942', class: "pagination_btns" }, h("gb-button", { key: '194a9c200fc19e8cf8a5635cbcd8bc1657d13489', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '959cf6a377d27992850ef53ba4e5ce7eb35d3541' }, "Previous")), h("gb-button", { key: 'aae53d2d5dfc1c3f58dc23fe521599dce53791b0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e5ab849c3012625a3aedeb08cf0b539830eb5165' }, "Next"))), h("div", { key: 'f659a61045998a3047b970550b427ea18f2973df', class: "page_number_text" }, h("p", { key: '2289ccc9ee02dd89bd6a5c30c7e25e59724a9f67', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '3326c5914597e0f835bc1bc92cab29c8a3513cc0', class: "pagination_entries" }, h("div", { key: '274fcdff2569bda00ea4d699452e8b1ba1d9f908', class: "entries_text" }, h("p", { key: 'e7060fdb046a0dbf7c4e607e8f05837a59cb65f8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'f72d42395f231c4706b7f349d23d7c7caafe2b03', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6fd872e69d2a225ca659b1a78fe7a0f9f7c97dae', 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: 'c49d9ea4a2de7042ce51238de9b163c82b34374c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6aa0fcedc4e163fb9f29a2e26faee9163eeb3649' }, "Previous")), h("div", { key: '1942f2be6bfc431b6658071ef672d3da2dc28634', class: "page_number_text" }, h("p", { key: '7845dc39c830c4c926c7b1af877cba6270f98256', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2949a26b6ebc8c002663dcf0fffaf5f065fe181c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '15466158665cbe5031d23a63f20554aee02d1d2b' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '99e3bae99ea07752d18dbb99cefc330759abbdb2', class: "pagination_entries" }, h("div", { key: '53d4bca2cd477895d6e388ebdb998db34595e49d', class: "entries_text" }, h("p", { key: '0e1b0daa5c14a86aaa8139b890a4a7452cb1937a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3d0b7fd248acc2e992b6454185551e04338a4be9', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'dafd89f4ad55244ae272cc4e818249c52b2106c4', 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: 'd52da6de4c7c8e2c4bd5147de702a2b11c2dc1c2', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'c68e5a72e406d8000992610e52fc95f8a2feb25b', icon: "leading" }, h("p", { key: '850267721edd828144744606703bc690aa113526' }, "Previous")), h("div", { key: '831f93431e96a23325489bb4552a392c3e5b3199', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'a890105631eceae3253355a2eec23cb8d35ab948', icon: "false", state: "active" }, h("p", { key: 'e4ccb117af15415d591f9361488c95043c7a910e' }, "1"))), h("gb-pagination-button-group-base", { key: 'beac1be00c0aefd49bcad37943b74ea3d4bee915', icon: "false" }, h("p", { key: '29c50ad984d5eaf7fcb1c6d6b89b6453cb017667' }, "2")), h("gb-pagination-button-group-base", { key: 'd163e3268635308249eb9a3291d52e8cc99b78aa', icon: "false" }, h("p", { key: '7f9e074af90deaa2ba6d874ebedb045ff8a32fbe' }, "3")), h("gb-pagination-button-group-base", { key: '0a109f14267414246fcbf0dd2a453a0cc38409c2', icon: "false" }, h("p", { key: '096ce4337377489af83f6ea039099ea8dc0035e5' }, "...")), h("gb-pagination-button-group-base", { key: '86b4c189c203595dc5155720ae32e78556248ef9', icon: "false" }, h("p", { key: '19cd9456c1f2a6dbb5b410d88f3dc2912346581d' }, "8")), h("gb-pagination-button-group-base", { key: '8716f58945e8e4d70c5501f3b5f00080e5e30d9b', icon: "false" }, h("p", { key: '7fe9e851f8b863c95e5c351ede27af8e467acbb4' }, "9")), h("gb-pagination-button-group-base", { key: 'b65dfd93831bc14877c4b730e110e0068f376099', icon: "false" }, h("p", { key: '86e8b6bcdbb478cfe916bb0e9fda53093b63ff25' }, "10")), h("gb-pagination-button-group-base", { key: 'b7f0b7adc6f489be0d79bdd5dcd532523c6bbe91', icon: "trailing" }, h("p", { key: '8bccdd426d2f95a214651c4f4f0f49f0c0be7767' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '59622b875e31c4a56470036a0a737e77c2342f34', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '74fb7240f03f43104e3ca0638e35d8e49fc6f4ce', icon: "leading" }, h("p", { key: '5e035799f542aa1970acf01d9ba3d214f5833069' }, "Previous")), h("div", { key: '52bf5b69f6d04e66dc4e29dd1ee3b348120b2d6a', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '3786266c04d42413541e83c70b49a591f81ccace', icon: "false", state: "active" }, h("p", { key: '6afe44785a9cec83f80ed8868c9b72eca1ba4bc5' }, "1"))), h("gb-pagination-button-group-base", { key: 'ec5493f194d1f236b9153c6f42f80e905091355f', icon: "false" }, h("p", { key: '7b40096c39c2c1491f2243a1eb26bd0c6bcaab2b' }, "2")), h("gb-pagination-button-group-base", { key: 'cc7a3dbe90c1fcade9a6f00040763fc31a3b2064', icon: "false" }, h("p", { key: '3817572b58074b8c74fdcfdcc1f8f34a03fbc4ff' }, "3")), h("gb-pagination-button-group-base", { key: '8677d3daf1f673bcc1d8795fd8a24590d5846673', icon: "false" }, h("p", { key: '74a6aba928286698512be31159fc9d749236537a' }, "...")), h("gb-pagination-button-group-base", { key: '3a03a0bb6fa15ced41ba49c3a7e7491b4406f828', icon: "false" }, h("p", { key: '778c97d19dd64bcab624df5d9b039805d628f868' }, "8")), h("gb-pagination-button-group-base", { key: '6a7323baf8b62dfbb5ae3aec57c73c4370086d26', icon: "false" }, h("p", { key: '827924cb3d477c3dce2313d7d6da99cb617d632b' }, "9")), h("gb-pagination-button-group-base", { key: 'ab100b9a16d4efc6bac864ac9eb19cca751f864d', icon: "false" }, h("p", { key: '6a019bdcb77a740270685eb0b55bfea3c24ab894' }, "10")), h("gb-pagination-button-group-base", { key: '6dc36cbfc7a63db4670376398a3ae207c428d113', icon: "trailing" }, h("p", { key: 'f67b437d04f6736606900ac08a01498e4b869315' }, "Next"))), h("div", { key: 'abf80eb5ebfae6b598ce880b81c0d64332256016', class: "pagination_entries" }, h("div", { key: 'f2971605790209a26890b7bd845eb34b26105555', class: "entries_text" }, h("p", { key: 'f02547f5a437f5e9aa49f6117a36569c712a53df', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1464fc70bdfe3b8045dce27bd4294ad749ea133f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a39fd6a7c8af6694f3a5af7f80d37497aa181f1f', 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_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd0e3a53f0da4a6067e7b17c18b9f5ffba3477cdf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7417ca06e6828bdc4eefbd7f7612498d9af6ce41', icon: "leading" }, h("p", { key: '2baa28358a526cdeb47f85c97fd4152aefa7869d' }, "Previous")), h("div", { key: 'd43a50e476058071be1db6ead17501ad01e1cc25', class: "btn_group" }, h("gb-pagination-button-group-base", { key: '15b9f593fb4938dc54e86add0ec59a0a6071feb5', icon: "false", state: "active" }, h("p", { key: '404f781c5147259436ca9ba69224e94216558380' }, "1"))), h("gb-pagination-button-group-base", { key: '3f5c818eb07a7c6f655945f0e17202f3c12f6eda', icon: "false" }, h("p", { key: '24c8ffa981a41c4fa3340e597255ef340c832390' }, "2")), h("gb-pagination-button-group-base", { key: '357fc67e5cc913d9db666e1b0ab920564f1ab27a', icon: "false" }, h("p", { key: '124549db8ff61e35ac1b388d459018bbc9a4b04b' }, "3")), h("gb-pagination-button-group-base", { key: '4846975a3d493a8331162600a0c2d72811e83576', icon: "false" }, h("p", { key: '5f709c90ba375acb6210b1cb257d609401050e5a' }, "...")), h("gb-pagination-button-group-base", { key: '74f26ea074ab76f86ce8e6f4181be79f15917b60', icon: "false" }, h("p", { key: '2b6104fe0f520c469a9d5650ce3fa0d67b227bce' }, "8")), h("gb-pagination-button-group-base", { key: '43c8e5559d3110c922aa9765f48ddca06a47c98e', icon: "false" }, h("p", { key: '48fd9fef783fca546628aab39195eb7c18f6e630' }, "9")), h("gb-pagination-button-group-base", { key: '9e0760bc56db7d81f30e6b2fba4def1b335a583c', icon: "false" }, h("p", { key: 'c9f0b69fa4c7c548d03bfc5db7e51f59aa904abd' }, "10")), h("gb-pagination-button-group-base", { key: '8495457461b6fab122cda09b4aa46c8b955adb51', icon: "trailing" }, h("p", { key: 'e13b33a53f86e9357e58ef0ddf0c121edb89e0c8' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '95abf70bfb487c541da03df2d3302f952cf07bd1', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '084011e3bc478dc2aad8dd34864c800d633c7da9', class: "page_number_text" }, h("p", { key: '55d447969d74431cba9fbfb09631c6b69fd23933', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '2f5b7650b730d2ecdcc289bdbf04403990aeef31', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '48b2a25f6ae3d6ef2d1a43ae0914288bb8bca92f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'c36f76c2bbb80fefff64523c44bce43147ce107b', class: "page_number_text" }, h("p", { key: '7e76ccb5eea98ecca9336e0b36736d40ed4c22d4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6d6f5bbd1fd514af21a645817fdfa56adac3180f', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c4612be773523539612d82b2b68c51e996a74607', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '1c6fca82800586075fb12c44069934f64bb3839a', class: "page_number_text" }, h("p", { key: 'c4ea010d97448021da768537a11885ae3b5ef0fc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'c94009c58d9a9fd209b70525cc66b8cb53a4e46a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'c2b3d76e96fa9a617807b75cf1759aafa7ddc3cc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'b3e94247a0bbefdadcb23c18950ebd49522fecce', class: "page_number_text" }, h("p", { key: 'd84e3a8d53895b933f5285a84908d20c5fafb944', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'f4696ea98fe8e8649b4ae50fa9e9c9d2986b9514', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '45c33b91c38623b730e1b0619cca1fceba720d1e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'ff5ee7d8ff91fabe75ccf3da94e61d1b63140941', class: "page_number_text" }, h("p", { key: 'd9b3e8615bdb4d8aba0efe0fdd72a4e9700a4765', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '30c002fe8d970ea3fb8e65157c6c0326d6757bc8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '7e817503621bfe58731e12d1f9f160ea6c2a1271', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '373abaffcfe4893fe4658ff1aad09a5c33738112', class: "page_number_text" }, h("p", { key: 'f375433fdeadcea624eceb52973faf959984fc78', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'ac5d1702b6cde3813d34ebc1f848ccc0dd8028e8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '6836e9304695d848855ceada52cb6beca8621947', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ebdcfa17eb63c1c545f1bde93271b39347ff057c', icon: "only" }, h("p", { key: '961276ad119a836ecfb47911956b1ad3221ee7bd' }, "Previous")), h("div", { key: 'a518b8ffb15e0bda0986d602656b575aed2ef447', class: "btn_group" }, h("gb-pagination-button-group-base", { key: 'e7af69b74bb3aec95bc29eeab7a94c0101f66e1f', icon: "false", state: "active" }, h("p", { key: '838957cbc7b5324fc5a56de923aa20cc3222c904' }, "1"))), h("gb-pagination-button-group-base", { key: '1295453398900ade9ebdd77bb58fd9a2a9c5bca9', icon: "false" }, h("p", { key: '27a3a44dd0a69e27c5c5eab2337bf65819e11566' }, "2")), h("gb-pagination-button-group-base", { key: '25e1793feef2db52dcf9984f897d32d9d530e74d', icon: "false" }, h("p", { key: 'a7e2692cd2b048ac41acf8de8ea5adba6bc8be94' }, "...")), h("gb-pagination-button-group-base", { key: '18a6c3d0582cffb24c6f51fb9ae48e165b20d256', icon: "false" }, h("p", { key: 'a17c3c3e77d146a7a89b2d43196d3d4c0d9c4f11' }, "9")), h("gb-pagination-button-group-base", { key: '077194ec07dfadfecea50ec94ef1dfd79230994e', icon: "false" }, h("p", { key: 'e74393ce1f5f775ad1fc7c6a85cb1f2666ec029e' }, "10")), h("gb-pagination-button-group-base", { key: 'fa282bf76a45fa560032405e3edbec01ec9c204b', icon: "only" }, h("p", { key: '1a49c52ba4fd7517e0c88d55709f351258dc915d' }, "Next")))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'ea8234377585eda1643a87c1363f5d8bf69f9be2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: 'f62298071b8cddf53517153d36581c4f261371d5', class: "page_number_text" }, h("p", { key: '795d18307757327823de30d57463346456f7d6c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6bdd07dbe5b83d72a9c35e5da6aa30bbe9e343ac', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'b1f74669f7175080ef223434600989a5fd290d8e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("div", { key: '6366209d968f79301138b7917e218bb2a2e8886a', class: "page_number_text" }, h("p", { key: '470d01e7d67257e87ce33320c70557fb52a407cf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '6d7bc282ccba8481b9603a2a4788ab630e8a3147', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
29
29
  }
30
30
  static get is() { return "gb-pagination"; }
31
31
  static get originalStyleUrls() {
package/dist/collection/components/gb-pagination/gb-pagination.js.map CHANGED
@@ -1 +1 @@
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 <div class=\"btn_group\">\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 </div>\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}"]}
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=\"page_numbers 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=\"page_numbers 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 <div class=\"btn_group\">\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 </div>\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 {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n <>\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 <div class=\"btn_group\">\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 </div>\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 <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_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\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 <div class=\"btn_group\">\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 </div>\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\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"only\">\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\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 </div>\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>...</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=\"only\">\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n )}\r\n {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\r\n )}\r\n {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n <>\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 <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\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 </>\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
@@ -21,9 +21,12 @@
21
21
  }
22
22
 
23
23
  .button_base_div.false{
24
+ display: flex;
25
+ flex-direction: column;
26
+ justify-content: center;
27
+ align-items: center;
24
28
  width: 2.5rem;
25
- height: auto;
26
- padding: 0.625rem;
29
+ padding: 1rem 0.625rem;
27
30
  }
28
31
 
29
32
  .button_base_div.leading,
package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js CHANGED
@@ -13,7 +13,7 @@ export class GbPaginationButtonGroupBase {
13
13
  }
14
14
  }
15
15
  render() {
16
- return (h("div", { key: 'be4aea3b26ea4b14d8e3d15c775029034d6a4efa', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '6f0186907d11271493a6f866b5c8a13f4b50bf96' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '38d52a76be4c725dd4be4c9fa50fd6251298114e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0628c776d8ff97448e5e0c2b6caad5c0aeea4f4c', 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: '7d8107575503e79cae46a5b32bdc6e6596c80c51' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'f7254370db862bab432a313cc07cad6c10c6dd56' }), h("svg", { key: 'c3f07a75b7f4bb2e129c39065c939933831c4b7c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3d650501c51aebdcf4bad1c05d9c36f1a0bbc170', 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" }))))));
16
+ return (h("div", { key: '59c84439fe82fbc96cf48fafd679a9e27561fd85', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '0e34dee27cf0fc00a1d755581be19b24f246132b' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'df6b740cd5309803bf9ed9c2ba47edfbae29eabb', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd51134c9031a80e7f16e4ab545c02bc33f04601e', 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: 'b66bae8ef1d9fcad5174e05073d77847318f8385' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '75dc3a4282c9a6c557341ab818a369dbc7ce9172' }), h("svg", { key: 'a483de0628cf5d9f378aa53ebbda389b7f6f5856', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'c5310e92b6e1d9e751a090d623b24e8297fd91c1', 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" }))))));
17
17
  }
18
18
  static get is() { return "gb-pagination-button-group-base"; }
19
19
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js.map CHANGED
@@ -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;;;;;;;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}"]}
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,IAAI,IAAI,CAAC,KAAK,EAAE;YACrD,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} ${this.state}`}>\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-group/gb-pagination-dot-group.js ADDED
@@ -0,0 +1,111 @@
1
+ import { h } from "@stencil/core";
2
+ export class GbPaginationDotGroup {
3
+ constructor() {
4
+ this.size = undefined;
5
+ this.type = undefined;
6
+ this.color = 'gray_light_bg';
7
+ this.framed = false;
8
+ }
9
+ render() {
10
+ return (h("div", { key: '55b4a49b0379aca117da6a7a0055ef953e5b5160', class: "dot_group_div" }, h("div", { key: '2980f830c8e7e8d247430f0f2cb7dc10168be166' })));
11
+ }
12
+ static get is() { return "gb-pagination-dot-group"; }
13
+ static get encapsulation() { return "shadow"; }
14
+ static get originalStyleUrls() {
15
+ return {
16
+ "$": ["gb-pagination-dot-group.css"]
17
+ };
18
+ }
19
+ static get styleUrls() {
20
+ return {
21
+ "$": ["gb-pagination-dot-group.css"]
22
+ };
23
+ }
24
+ static get properties() {
25
+ return {
26
+ "size": {
27
+ "type": "string",
28
+ "mutable": false,
29
+ "complexType": {
30
+ "original": "GeneralSizes",
31
+ "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
32
+ "references": {
33
+ "GeneralSizes": {
34
+ "location": "import",
35
+ "path": "../../models/reusableModels",
36
+ "id": "src/models/reusableModels.ts::GeneralSizes"
37
+ }
38
+ }
39
+ },
40
+ "required": false,
41
+ "optional": false,
42
+ "docs": {
43
+ "tags": [],
44
+ "text": ""
45
+ },
46
+ "attribute": "size",
47
+ "reflect": false
48
+ },
49
+ "type": {
50
+ "type": "string",
51
+ "mutable": false,
52
+ "complexType": {
53
+ "original": "PaginationDotTypes",
54
+ "resolved": "\"dot\" | \"line\"",
55
+ "references": {
56
+ "PaginationDotTypes": {
57
+ "location": "import",
58
+ "path": "../../models/reusableModels",
59
+ "id": "src/models/reusableModels.ts::PaginationDotTypes"
60
+ }
61
+ }
62
+ },
63
+ "required": false,
64
+ "optional": false,
65
+ "docs": {
66
+ "tags": [],
67
+ "text": ""
68
+ },
69
+ "attribute": "type",
70
+ "reflect": false
71
+ },
72
+ "color": {
73
+ "type": "string",
74
+ "mutable": false,
75
+ "complexType": {
76
+ "original": "'gray_light_bg'",
77
+ "resolved": "\"gray_light_bg\"",
78
+ "references": {}
79
+ },
80
+ "required": false,
81
+ "optional": false,
82
+ "docs": {
83
+ "tags": [],
84
+ "text": ""
85
+ },
86
+ "attribute": "color",
87
+ "reflect": false,
88
+ "defaultValue": "'gray_light_bg'"
89
+ },
90
+ "framed": {
91
+ "type": "boolean",
92
+ "mutable": false,
93
+ "complexType": {
94
+ "original": "boolean",
95
+ "resolved": "boolean",
96
+ "references": {}
97
+ },
98
+ "required": false,
99
+ "optional": false,
100
+ "docs": {
101
+ "tags": [],
102
+ "text": ""
103
+ },
104
+ "attribute": "framed",
105
+ "reflect": false,
106
+ "defaultValue": "false"
107
+ }
108
+ };
109
+ }
110
+ }
111
+ //# sourceMappingURL=gb-pagination-dot-group.js.map
package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gb-pagination-dot-group.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-dot-group/gb-pagination-dot-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQnD,MAAM,OAAO,oBAAoB;;;;qBAGE,eAAe;sBACtB,KAAK;;IAE/B,MAAM;QACJ,OAAO,CACH,4DAAK,KAAK,EAAC,eAAe;YACtB,6DAAW,CACT,CACT,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, PaginationDotTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-dot-group',\r\n styleUrl: 'gb-pagination-dot-group.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationDotGroup {\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: PaginationDotTypes;\r\n @Prop() color: 'gray_light_bg' = 'gray_light_bg';\r\n @Prop() framed: boolean = false;\r\n\r\n render() {\r\n return (\r\n <div class=\"dot_group_div\">\r\n <div></div>\r\n </div>\r\n )\r\n }\r\n}"]}
package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js CHANGED
@@ -6,9 +6,9 @@ export class GbPaginationDotIndicator {
6
6
  this.size = undefined;
7
7
  }
8
8
  render() {
9
- return h("div", { key: '9884fe981ab866922cfdc54ce8c5d2b4c07442e2', class: `dot_indicator_div
9
+ return (h("div", { key: '38ef4eb63969975a7fce5247e00ca540516b8f55', class: `dot_indicator_div
10
10
  ${this.type} ${this.current ? 'current' : ''}
11
- ${this.size}` });
11
+ ${this.size}` }));
12
12
  }
13
13
  static get is() { return "gb-pagination-dot-indicator"; }
14
14
  static get originalStyleUrls() {
@@ -45,9 +45,15 @@ export class GbPaginationDotIndicator {
45
45
  "type": "string",
46
46
  "mutable": false,
47
47
  "complexType": {
48
- "original": "'dot' | 'line'",
48
+ "original": "PaginationDotTypes",
49
49
  "resolved": "\"dot\" | \"line\"",
50
- "references": {}
50
+ "references": {
51
+ "PaginationDotTypes": {
52
+ "location": "import",
53
+ "path": "../../models/reusableModels",
54
+ "id": "src/models/reusableModels.ts::PaginationDotTypes"
55
+ }
56
+ }
51
57
  },
52
58
  "required": false,
53
59
  "optional": false,
package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gb-pagination-dot-indicator.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,wBAAwB;;uBACR,KAAK;;;;IAIhC,MAAM;QACJ,OAAO,4DAAK,KAAK,EAAE;QACf,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QAC1C,IAAI,CAAC,IAAI,EAAE,GAAQ,CAAC;IAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-dot-indicator',\r\n styleUrl: 'gb-pagination-dot-indicator.css',\r\n})\r\nexport class GbPaginationDotIndicator {\r\n @Prop() current: boolean = false;\r\n @Prop() type: 'dot' | 'line';\r\n @Prop() size: GeneralSizes;\r\n\r\n render() {\r\n return <div class={`dot_indicator_div \r\n ${this.type} ${this.current ? 'current' : ''} \r\n ${this.size}`}></div>;\r\n }\r\n}"]}
1
+ {"version":3,"file":"gb-pagination-dot-indicator.js","sourceRoot":"","sources":["../../../src/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,wBAAwB;;uBACR,KAAK;;;;IAIhC,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE;QACP,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;QAC1C,IAAI,CAAC,IAAI,EAAE,GACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, PaginationDotTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-dot-indicator',\r\n styleUrl: 'gb-pagination-dot-indicator.css',\r\n})\r\nexport class GbPaginationDotIndicator {\r\n @Prop() current: boolean = false;\r\n @Prop() type: PaginationDotTypes;\r\n @Prop() size: GeneralSizes;\r\n\r\n render() {\r\n return (\r\n <div\r\n class={`dot_indicator_div \r\n ${this.type} ${this.current ? 'current' : ''} \r\n ${this.size}`}\r\n ></div>\r\n );\r\n }\r\n}"]}
package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js CHANGED
@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
17
17
  }
18
18
  }
19
19
  render() {
20
- return (h("div", { key: '35e6f9aa4e918dfa31cefafa6a2664ef2141a9ae', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '65ab3283a4cacfcd5b58794cc7c7ddf8cd30afc4', name: "page_number" })));
20
+ return (h("div", { key: 'ffb9c6bdd7f6b7405d563f06414cc0f1625644c0', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'a09b1161a8a17afffdc29bbe29b67dd2999b0802', name: "page_number" })));
21
21
  }
22
22
  static get is() { return "gb-pagination-number-base"; }
23
23
  static get encapsulation() { return "shadow"; }