globuswebcomponents 1.9.6 → 1.9.7

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 (120) hide show
  1. package/dist/cjs/{gb-avatar_24.cjs.entry.js → gb-avatar_20.cjs.entry.js} +20 -480
  2. package/dist/cjs/gb-avatar_20.cjs.entry.js.map +1 -0
  3. package/dist/cjs/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.cjs.js.map +1 -0
  4. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js +391 -0
  5. package/dist/cjs/gb-input-dropdown_3.cjs.entry.js.map +1 -0
  6. package/dist/cjs/gb-pagination.cjs.entry.js +98 -0
  7. package/dist/cjs/gb-pagination.cjs.entry.js.map +1 -0
  8. package/dist/cjs/gb-pagination.entry.cjs.js.map +1 -0
  9. package/dist/cjs/globuscomponents.cjs.js +1 -1
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/collection/components/gb-button/gb-button.js +16 -2
  12. package/dist/collection/components/gb-button/gb-button.js.map +1 -1
  13. package/dist/collection/components/gb-button/gb-button.tsx +11 -1
  14. package/dist/collection/components/gb-pagination/gb-pagination.js +3 -3
  15. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  16. package/dist/collection/components/gb-tooltip/gb-tooltip.css +4 -2
  17. package/dist/collection/components/gb-tooltip/gb-tooltip.js +26 -2
  18. package/dist/collection/components/gb-tooltip/gb-tooltip.js.map +1 -1
  19. package/dist/components/gb-action-panel.js +1 -1
  20. package/dist/components/gb-avatar-add-button.js +1 -1
  21. package/dist/components/gb-avatar-dropdown.js +3 -3
  22. package/dist/components/gb-avatar-group.js +2 -2
  23. package/dist/components/gb-button.js +1 -1
  24. package/dist/components/gb-checkbox-group-item.js +1 -1
  25. package/dist/components/gb-checkbox-group.js +2 -2
  26. package/dist/components/gb-collapse-button.js +1 -1
  27. package/dist/components/gb-comment.js +1 -1
  28. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  29. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  30. package/dist/components/gb-detail-cell.js +2 -2
  31. package/dist/components/gb-empty-state.js +1 -1
  32. package/dist/components/gb-file-upload-item-base.js +1 -1
  33. package/dist/components/gb-file-upload.js +4 -4
  34. package/dist/components/gb-filter-button.js +1 -1
  35. package/dist/components/gb-help-tooltip.js +1 -1
  36. package/dist/components/gb-icon-button-base.js +1 -1
  37. package/dist/components/gb-input-dropdown.js +1 -1
  38. package/dist/components/gb-input-field.js +1 -1
  39. package/dist/components/gb-notification-pane.js +1 -1
  40. package/dist/components/gb-pagination.js +9 -9
  41. package/dist/components/gb-pagination.js.map +1 -1
  42. package/dist/components/gb-password-button.js +1 -1
  43. package/dist/components/gb-progress-bar.js +1 -1
  44. package/dist/components/gb-sidebar.js +5 -5
  45. package/dist/components/gb-simple-side-bar-item.js +1 -1
  46. package/dist/components/gb-slider-control-handle.js +1 -1
  47. package/dist/components/gb-slider.js +2 -2
  48. package/dist/components/gb-table-header.js +6 -6
  49. package/dist/components/gb-theme-tab.js +1 -1
  50. package/dist/components/gb-toast.js +1 -1
  51. package/dist/components/gb-tooltip.js +1 -1
  52. package/dist/components/gb-top-bar-item.js +1 -1
  53. package/dist/components/gb-top-bar.js +2 -2
  54. package/dist/components/{p-DRy6jmvW.js → p-7m0i9ULI.js} +3 -3
  55. package/dist/components/{p-DRy6jmvW.js.map → p-7m0i9ULI.js.map} +1 -1
  56. package/dist/components/{p-DQuPKZQf.js → p-B2W89gny.js} +3 -3
  57. package/dist/components/{p-DQuPKZQf.js.map → p-B2W89gny.js.map} +1 -1
  58. package/dist/components/{p-V0w-8mpd.js → p-B6qlzzpO.js} +5 -5
  59. package/dist/components/{p-V0w-8mpd.js.map → p-B6qlzzpO.js.map} +1 -1
  60. package/dist/components/{p-TkoMkcnJ.js → p-BDb7NPmy.js} +3 -3
  61. package/dist/components/{p-TkoMkcnJ.js.map → p-BDb7NPmy.js.map} +1 -1
  62. package/dist/components/{p-CT4k5m7L.js → p-BbNN56fd.js} +3 -3
  63. package/dist/components/{p-CT4k5m7L.js.map → p-BbNN56fd.js.map} +1 -1
  64. package/dist/components/{p-DMI8bQtd.js → p-Bl5X3w30.js} +3 -3
  65. package/dist/components/{p-DMI8bQtd.js.map → p-Bl5X3w30.js.map} +1 -1
  66. package/dist/components/{p-Lv79axHu.js → p-BpcgQzUl.js} +3 -3
  67. package/dist/components/{p-Lv79axHu.js.map → p-BpcgQzUl.js.map} +1 -1
  68. package/dist/components/{p-CXoyXaD-.js → p-CHEWpXtG.js} +3 -3
  69. package/dist/components/{p-CXoyXaD-.js.map → p-CHEWpXtG.js.map} +1 -1
  70. package/dist/components/{p-D0RVQrS-.js → p-CYLUVCnI.js} +4 -4
  71. package/dist/components/{p-D0RVQrS-.js.map → p-CYLUVCnI.js.map} +1 -1
  72. package/dist/components/{p-DXN2wu7H.js → p-CagylF3C.js} +11 -6
  73. package/dist/components/p-CagylF3C.js.map +1 -0
  74. package/dist/components/{p-81eH6VIc.js → p-CyIafhBO.js} +3 -3
  75. package/dist/components/{p-81eH6VIc.js.map → p-CyIafhBO.js.map} +1 -1
  76. package/dist/components/{p-rp9QOdK1.js → p-D6XCfTIq.js} +3 -3
  77. package/dist/components/{p-rp9QOdK1.js.map → p-D6XCfTIq.js.map} +1 -1
  78. package/dist/components/{p-CEeMUMDR.js → p-D7WUGxnW.js} +3 -3
  79. package/dist/components/{p-CEeMUMDR.js.map → p-D7WUGxnW.js.map} +1 -1
  80. package/dist/components/{p-yh4BzRlx.js → p-DC1SJOdQ.js} +3 -3
  81. package/dist/components/{p-yh4BzRlx.js.map → p-DC1SJOdQ.js.map} +1 -1
  82. package/dist/components/{p-DVlIdw6r.js → p-DJDBJ--k.js} +3 -3
  83. package/dist/components/{p-DVlIdw6r.js.map → p-DJDBJ--k.js.map} +1 -1
  84. package/dist/components/{p-DOyrgb-c.js → p-DOyqZWx2.js} +3 -3
  85. package/dist/components/{p-DOyrgb-c.js.map → p-DOyqZWx2.js.map} +1 -1
  86. package/dist/components/{p-8YSD4DsW.js → p-DZ4fwD0T.js} +7 -7
  87. package/dist/components/{p-8YSD4DsW.js.map → p-DZ4fwD0T.js.map} +1 -1
  88. package/dist/components/{p-DZ0ngrE4.js → p-Df76_fri.js} +17 -4
  89. package/dist/components/p-Df76_fri.js.map +1 -0
  90. package/dist/components/{p-D7CViQgc.js → p-hB_H57UV.js} +6 -6
  91. package/dist/components/{p-D7CViQgc.js.map → p-hB_H57UV.js.map} +1 -1
  92. package/dist/docs.json +25 -1
  93. package/dist/esm/{gb-avatar_24.entry.js → gb-avatar_20.entry.js} +21 -477
  94. package/dist/esm/gb-avatar_20.entry.js.map +1 -0
  95. package/dist/esm/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.js.map +1 -0
  96. package/dist/esm/gb-input-dropdown_3.entry.js +387 -0
  97. package/dist/esm/gb-input-dropdown_3.entry.js.map +1 -0
  98. package/dist/esm/gb-pagination.entry.js +96 -0
  99. package/dist/esm/gb-pagination.entry.js.map +1 -0
  100. package/dist/esm/globuscomponents.js +1 -1
  101. package/dist/esm/loader.js +1 -1
  102. package/dist/globuscomponents/gb-button.tsx +11 -1
  103. package/dist/globuscomponents/gb-input-dropdown.gb-pagination-button-group-base.gb-pagination-number-base.entry.esm.js.map +1 -0
  104. package/dist/globuscomponents/gb-pagination.entry.esm.js.map +1 -0
  105. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  106. package/dist/globuscomponents/{p-24d2b06a.entry.js → p-c4a77792.entry.js} +2 -2
  107. package/dist/globuscomponents/p-c4a77792.entry.js.map +1 -0
  108. package/dist/globuscomponents/p-f45a014e.entry.js +2 -0
  109. package/dist/globuscomponents/p-f45a014e.entry.js.map +1 -0
  110. package/dist/globuscomponents/p-f8d5a7f3.entry.js +2 -0
  111. package/dist/globuscomponents/p-f8d5a7f3.entry.js.map +1 -0
  112. package/dist/types/components/gb-button/gb-button.d.ts +3 -0
  113. package/dist/types/components/gb-tooltip/gb-tooltip.d.ts +2 -1
  114. package/dist/types/components.d.ts +2 -0
  115. package/package.json +1 -1
  116. package/dist/cjs/gb-avatar_24.cjs.entry.js.map +0 -1
  117. package/dist/components/p-DXN2wu7H.js.map +0 -1
  118. package/dist/components/p-DZ0ngrE4.js.map +0 -1
  119. package/dist/esm/gb-avatar_24.entry.js.map +0 -1
  120. package/dist/globuscomponents/p-24d2b06a.entry.js.map +0 -1
package/dist/components/gb-pagination.js CHANGED
@@ -2,22 +2,22 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
2
2
  import { d as defineCustomElement$k } from './p-C-NL8IFL.js';
3
3
  import { d as defineCustomElement$j } from './p-CXLJa2-n.js';
4
4
  import { d as defineCustomElement$i } from './p-CTj4Ioj7.js';
5
- import { d as defineCustomElement$h } from './p-DZ0ngrE4.js';
5
+ import { d as defineCustomElement$h } from './p-Df76_fri.js';
6
6
  import { d as defineCustomElement$g } from './p-C4wUmg_S.js';
7
7
  import { d as defineCustomElement$f } from './p-BPy6b-E6.js';
8
- import { d as defineCustomElement$e } from './p-DVlIdw6r.js';
9
- import { d as defineCustomElement$d } from './p-8YSD4DsW.js';
8
+ import { d as defineCustomElement$e } from './p-DJDBJ--k.js';
9
+ import { d as defineCustomElement$d } from './p-DZ4fwD0T.js';
10
10
  import { d as defineCustomElement$c } from './p-B2OUWVZ_.js';
11
- import { d as defineCustomElement$b } from './p-D7CViQgc.js';
11
+ import { d as defineCustomElement$b } from './p-hB_H57UV.js';
12
12
  import { d as defineCustomElement$a } from './p-CwQVtwRh.js';
13
13
  import { d as defineCustomElement$9 } from './p-CMzvyg7A.js';
14
- import { d as defineCustomElement$8 } from './p-81eH6VIc.js';
14
+ import { d as defineCustomElement$8 } from './p-CyIafhBO.js';
15
15
  import { d as defineCustomElement$7 } from './p-DZpe7WjU.js';
16
16
  import { d as defineCustomElement$6 } from './p-XxxsRdkv.js';
17
17
  import { d as defineCustomElement$5 } from './p-C-ocGE59.js';
18
18
  import { d as defineCustomElement$4 } from './p-DbZN12Es.js';
19
19
  import { d as defineCustomElement$3 } from './p-hUgl7eJZ.js';
20
- import { d as defineCustomElement$2 } from './p-DXN2wu7H.js';
20
+ import { d as defineCustomElement$2 } from './p-CagylF3C.js';
21
21
 
22
22
  const gbPaginationCss = "/* @import 'tailwind.css'; */\r\n\r\n:root {\r\n /* --------------------------------------Primary Colors--------------------------------------------- */\r\n /* base color palette */\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n /* gray color palette */\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n /* brand dark blue color palette */\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n /* brand red color palette */\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n /* warning color palette */\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n /* success color palette */\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n /* ------------------------------------------opacity color palette-------------------------------------- */\r\n /* 20% opacity */\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n /* 30% opacity */\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n /* 40% opacity */\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n /* ------------------------------------------Secondary Color------------------------------------------- */\r\n /* blueLight color palete */\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n /* blue color palette */\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n /* Purple color palete */\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n /* pink color palette */\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n /* -----------Text Color----------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n /* --------------Link color--------------- */\r\n\r\n\r\n [data-theme=\"light\"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n /* --------------Icon color--------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme=\"light\"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n /* ----------------Border Color --------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n /* Emmanuel Kadiri starts from background color */\r\n\r\n /* ----------------Background Color --------------- */\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme=\"light\"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n /* ----------------Blanket Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n /* ----------------Skeleton Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n /* ----------------Surface Color --------------- */\r\n [data-theme=\"light\"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme=\"light\"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme=\"dark\"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n /* Gray Gradients */\r\n /* --gray-gradient-600: linear-gradient(); */\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n /* Brand Dark Blue Gradients */\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n /* Brand Red Gradients */\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n /* Blue Gradients */\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n /* Positive spacing */\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n /* Negative spacing */\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n /* Radius */\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n\r\n:root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n /* Font Weights */\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem; \r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n /* Font Families */\r\n --font-family-title: 'Sora';\r\n --font-family-body: 'Sora';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.pagination_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n box-shadow: var(--shadow-xs);\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}";
23
23
 
@@ -101,9 +101,9 @@ const GbPagination$1 = /*@__PURE__*/ proxyCustomElement(class GbPagination exten
101
101
  }
102
102
  render() {
103
103
  return (h("div", { key: 'cafcb9886a502e08d800e353217135dc5e1ec2d3', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '94ffa5eeffe59b8762936e9f40fb17ad1562c953', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '72ac3fa76b643c323901482c0bc6ddf4f2cdc1d7' }, "Previous")), h("div", { key: '7ee4e696c08e3f060cf00bec084ef4aeb25d161f', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
104
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '23894fb3fef358cf887b338ac013ce310573af4b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '07ab4c10a8bf2bfda64455ea8bbce6d735c3812a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc15e198439588d9fc6347c36310455b70498752', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '83f44800bb12404f07ef8426611420a3b9b8d986', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cc6cf9c966d8a3a347e3d3a9b6fef90bc931047', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '85a1c0a9fc93d1af21ece6487fd6a242ea530c9e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8736949a43413f6a14ed7ccfa4d577f979fde0ee', shape: this.shape }, h("p", { key: '92b85ddb5341fce7229924ac2989c08ebc9e9d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3629ac4adeb27d6c3a22078c1b7d93c49fba5ef2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'e3d854e62d6b410332d39ba1568b14493c83f33d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'fdea94d0f3ca851619d09fa7890389fa73e25cf6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'de4c9498288e8b4b886baa6b5093fe94c81dcef9', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'dde243f3cd86b1d0d1618bdfeb9d6969287afaa7', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3c3a6e312e805df524f3debfd99b5987cfe41b2f', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'fdd6b46eb857eec8ec6e89dce00a718a4852e4f4', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'a789653fd7b43176d62ade490963e131ba260e58' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f5dffede65511a20959c81404b21da4687264ff6', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f8c6767308353f670da04d75bf42fdeb328f2c08' }, "Previous")), h("div", { key: '4b9cd6bb3dfcb856abc520981a14cab5ae8df366', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
105
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'e7c2c6a1e19e8c47d49f9f139bd7244d9f0161fd', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'f5f2ee887972a100b50ca2c35c94d0b863b51ef0', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cf15f69c921cd4ea824b69d86a6d8669f050128b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'd0f2e90d0177e9b79260610d0a91da28342058b2', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2247708bc5d5475a266a821f21a1c5bcd372f740', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'bd5e70c9356ee457755113498c9dca23708a4c6f', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'ac3a55ff33c9e6bbb0cb1b6ecf476d1f9dc2d287', shape: this.shape }, h("p", { key: '5b242f0504924c76ae6eca67f2af7166220298d1', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '042cb651810dfee9ef767e86bbbb2a738ca245d8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ded3082de0062b6a6ed1d645440dcda4e442dbb7', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'cd842101779d69803a04d31d8a6782a121e1fb45', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'b7d420f972e77ac053f3d331fe00b3d56d9f9b87', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '5b66896898d4c35d97419702e5a4f8db8db5cbae', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'b0945125490e4db890e48351b19f1d74f67eb24d', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f768ca4a1b2250a0a0050aff18776a08eb94e2a7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ce5c5e4b04d3362e85fdcb7ae0135878ab4c3c4c' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '36415bdfd41545de90e6ea9844035438ab0e5984', class: "pagination_entries" }, h("div", { key: '57730487583c90be7253472928541c15eb27bb8d', class: "entries_text" }, h("p", { key: '712aa0bf6e6f4b36baaadd57dab4b6b8f0c5019f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '3f9ef5bc9c99e4f80f2bd4d699bdc4e3ebf1d638', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '35556b59bbd1958d1f687c9289e65254b52ff723', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'd206099b23444d6a27ddb5f54b0f3a09bbf895e6', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
106
- this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'e4e3147057ca060349c92b95e74a1ffc3846e62d', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'fa6133b04f907724fff755c8ec295dcd64e41b5e', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '356cc9c7ff65056d9afe9c2002ef2e2b2496d588', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'af98a920c87b6d0138518db23e825e98506a769b', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '0842809418a1864f4299a3914638b33d3aab988b', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1821ffe76537c5612fb25cb69bb5c3a4880ee87b', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '785cae765037128042e0318448891bb9ed19f8a0', shape: this.shape, state: "default" }, h("p", { key: '2de3a633950fdb71945ed1f2cb12ed98c840a085', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'b88c310c83f221f0bbbbe888960f2d370f5542b2', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'bdad4e61237181e49f095e47f1dda0c4e2081e23', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '8e0d76372a8f36e96da39f815f672426ae803d0a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'd8d0ed6147e2e38d17e4e4dbf271f60010347032', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '201710eef44fd7cc201c8695edc8ce7e210486dd', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '91cea05cd53eaf477fdb9c78d5f05d4d1d85e93c', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'f7872dd09576e58b594b8616ec4d5830f7a9f60b', class: "pagination_btns" }, h("gb-button", { key: 'dcbaccb0d9386c4f20cc58636b6d9f373b84fc4f', 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: '3bac05ecf85095daf8a689b9e4faf258ae4119aa', 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: '446868acb2a5d3de47884253a71b3f14db1ac7fa', class: "pagination_entries" }, h("div", { key: 'c89ef2745b97efa7c08c18c9f8d7a156cb6f2c02', class: "entries_text" }, h("p", { key: 'b9d6f528f55b31ef1b090968917b7e223d5ad0d8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '4de82b3763c8fe85997b3a77fecc544c90bd87ff', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '75f4170d28ecb6e040f39218f6524e713c960b96', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'e3dd6abfc810a1fd5ff9c0bbe53228ad345c6fb6', class: "page_number_text" }, h("p", { key: '76d436bb92016c9d9fa873f022b40fae22d98bf6', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '75ab3fbf8e0b8fa274c398f24343b3af4330f602', class: "pagination_btns" }, h("gb-button", { key: '707f47e0e8fb50f843889ca3b101cad542cf1e0b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'a4d1fddc1ed59631acd13855cc03710d3c99be61' }, "Previous")), h("gb-button", { key: '415a08e89b56ff5cb1423d0c847afc17920253ee', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '3cc39c0dc473efdeffad4e3ca5f4e81b32a821b5' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '77583667c83c9039ddad929b540d0e42a912fe2d', class: "pagination_btns" }, h("gb-button", { key: '0acb34a0fbb9b03e4b661fcf162a72fc09f88855', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e1b039f72fd141ac0a4ae46c5ad7dd2cda8a8b06' }, "Previous")), h("gb-button", { key: '7086283805084184832ab87c3cea2e25fbd36c20', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0bdaec188938ee69036a4eeef477c0be83dafa7d' }, "Next"))), h("div", { key: '3cae3775bef831d6534718fe99c26797b8305d3f', class: "page_number_text" }, h("p", { key: 'f986644c6c92a6e315000a0254ea73bdc60759bc', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0bd2e22c097885166e41929c12cee78ad271af91', class: "pagination_entries" }, h("div", { key: '5506a0c6473497ff00f723b7f75b11e891b26f38', class: "entries_text" }, h("p", { key: 'fdb6bf00d13f507c871069eccb70acc1b41a902e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9fdb8fa89dbfe2c4e40410ae49a3bd1400a8ab43', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '59dda156a712aecbea185f66131fd6465f533c28', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '16403d797a392449adf7e88114686fc33b804088', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'd14f0de23ae52ba06ede2bc018589e0e02e686e2' }, "Previous")), h("div", { key: '5f22e6bf5fb75c832bf33fe91880fe71456362dd', class: "page_number_text" }, h("p", { key: '162e4810940ecef9f9390ad3fdda761ea71a96fa', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'cdf6b7a35f05ed0f570ff0d5d77623478665bdd7', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '634c8487b8a9de26fef7b0f475bd2fdaa99e0ff5' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8253baa47f8134ee1aea4880690323d3bc20dc14', class: "pagination_entries" }, h("div", { key: '0aa8d463703d9b06c61184b8cf1c8a0a56c205d6', class: "entries_text" }, h("p", { key: '72157bb4ea365e319ac41bf3ab122832be5e598e', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88b0c366593bea3424d25453d57cdb8c51efd932', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0cdc444e62c3b6a6d75681803bbf2c3d4e82f378', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '08da07e8d59bd3271d882f12b5a2353d5eadb528', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '83b9821cc2b795b231fb96ebbaa35500573ddeab', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '4bbea33e213dc3762503aa38710e5bb88a1c88a2' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'a820ded4dc6665fa06dc5672dad8b31fe77e27d8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e03fa45715b5c26c279a222d7e810dfe10edf520' }, "1")), h("gb-pagination-button-group-base", { key: '26417fcb0af25a2b018d866322dbcf81c15cdcac', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5882a82cafc0f040f8302fb577f098ad5ac40a92' }, "2")), h("gb-pagination-button-group-base", { key: 'bea7b871c377e6996e2184850a9ddfed1bd966f9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4dd18a28e17cb1e483beb61042a58d6914fd3ed0' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '0217c4f1a5e64b0b85bc088b3c86cf2a8f05f6e0', icon: "false" }, h("p", { key: '5290da5f6e611f2b9e4649bc854ebf1539cc4254' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'cd82678655b976e73454d9a68c413f0e51f23871', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0d59bf20a75a59e012341ac35666864a14927398' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'cf613dc923adbd02fd3a24604c61085972527656', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd9212bc92e3082c95b90dc6e6a03494f07ebc082' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '07192ffca079ba6ba913a94cc95dd33db1715caf', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'bd08dcad0af7653f6783eb911078aa399b941d50' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'fd43bc8b063d8fdf67702df43152bc87783635cb', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '61e2f427c4e55903d25a0b74c9497ab0b4a40d34' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '45b83c9b9b89f25f8dea1541720a89fb085b0d66', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a74f434a614483181e9bfd18fd6ef821c898dd80', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'fd7b78175727249b493baf5a0bda3e61700d3585' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3d6d15d658f93fe321e3e65e4093f6c6ff6e6240', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '38008873bca210c55c3f07c764ed4f0299076cf0' }, "1")), h("gb-pagination-button-group-base", { key: 'a64f98374cdf58c7e1934840640a9916f7e0bf55', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6a965f9cf62d8083ce944f3f25fbe845fd1eee11' }, "2")), h("gb-pagination-button-group-base", { key: '9f44c66f8ddeed785c0baeb4329014c0431a07b5', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f0f12200ff8e5d122c29f21dfae1dcf4573f4052' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '924e098f9d047ff02cf973bd86e00d508d03bd7c', icon: "false" }, h("p", { key: '594049de25c58744e84640cedd749ceeda8da91d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '3949844887650062e1c37e048607cdb002fc8205', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '8951e8b3d355c992c89015a612680a37750c4f55' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'af2547148854b92ccee6faadc6a2eee771fff54b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '02b111d47b358b92293103976f8a06ea6743dc7d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'de269226b7fcb690701a5822535b93c8a218f19b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '0a563238c2aeb11faebb9a7bbeda8058d2471d11' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '014908836c1db4e2884ca9230c473205f7f89aa5', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '228ced636ee808f627326eeb4c2a825a41d7d7e5' }, "Next"))), h("div", { key: 'c61491689dfa2f1ffc809af32f36946a4056e930', class: "pagination_entries" }, h("div", { key: '5379eda5b0816a8e84b9563cb0c350479c589f91', class: "entries_text" }, h("p", { key: 'c411ed9496680e2da72bf13e08c263be8dbf33ec', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b24fdd38384e4f00ed59c67b27b4617bba6a1c7c', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '858aff7a79d0298ca59e3ed1f387323fa73385be', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '25cda353ef61d9928cc62f4b83c9af7dc8c9d1fc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1de8a7543a3a61b985a2bf371cfd3d94e01ae1bb', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6c00dbe263d4e1f16f75d4284d284c9ce9fe2410' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'b761fa5bb948e15003644a9f3c39df6bb08e39db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a5669031d92c815f2a3494c1de85c7f211660df5' }, "1")), h("gb-pagination-button-group-base", { key: 'dc38a8197c0bcc19927bf16c509e3da56e083ce3', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '59122bff3b8fd70c6bec5d1723a89d169451b723' }, "2")), h("gb-pagination-button-group-base", { key: '116ca26cbe596edafb55cc14c4abea13ec427162', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '488eaba5107c6908320e921588a322770dbd44e3' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '6116ff0a321907c7d0ac408af8b2f44e22646f86', icon: "false" }, h("p", { key: 'f8aa32a7d963eae5639ed33c0c9d4c0643c3c3d6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f3cc6fa691cb28508e0415e900743e99e1d992ac', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'be7224fec1c27e8fee2d256fcb1ccb23ca15405d' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a53b775b734dbdbc8a8c99fff9329fd1e9857e2c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'bbf43b4e5ec06bba8521768546bc70deac30d486' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e3cc92d6bb3ad4d92eda918d09a29b778fc441b9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f4188afa2db452800fd5a0c76e64012632dd4786' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'eb35ae415635740f93ab927294dd7624918bb947', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'f3b74e785f1a5920e262aa1113fa1efb1e17804d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '056281d63119b321830a115554019bd2c1325c93', 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: '418cd4d5c6f07793349456ea1a5f4690aff36992', class: "page_number_text" }, h("p", { key: 'd84ff7318350dcc4d7b7f06565918f83bd62db8a', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'bc93767b11195276a1333501ac2eee19197ec832', 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: '3abc40e91bde28c7c5e499ee8307e4468f2c10ec', 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: 'e44766dcfec98940d27eb1558e844cb76baa0dbe', class: "page_number_text" }, h("p", { key: '07fc9322a19aab4800548443f2d52b50e7c30ec3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '71c0a4ec917b2f4857731f6be96d330eea9279e1', 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: 'a2b3a25b612a10e3cecd98ac5009118feec3b291', 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: '97eeea52fa8fce30e87586cfa406615ebaec4ed3', class: "page_number_text" }, h("p", { key: 'de6156bf9a37aee7b60b3a61f9d2f79a9b46f9dc', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7a499ba04b70351be42bacb6d818a39c79748629', 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: '7efa67a987d99f0b0454ee0e423c55ddb32b85fe', 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: '915fb71fa94e9f0671d7a1181bb944392539fe8b', class: "page_number_text" }, h("p", { key: '4d2d70f0a217c13c3cc3d850f1aacb2c5bcf560e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fc56ff5aaa666405885a954f13fd39f546572152', 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: 'cfd938d939e264cad472421c824b9e2526349368', 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: '665da93346a28384f8c897756ddbb83733c02027', class: "page_number_text" }, h("p", { key: '6027f65f0202db0fae616d59f2d5a1d4b3bac217', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'fd85c9b64605978deb460e5762df9c9d37f38786', 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: '0e787d84aa94e0fc51eaed789afa8e83852d4ae0', 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: 'cc7f703329e29da818e254ff768683845f5a29a8', class: "page_number_text" }, h("p", { key: 'cc4f02db0eb8f7a689ca9443ffb7a71140a4849f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '63ef007a488b29e1bdf167265e60da14a50b33b1', 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: '3a19305132d3bf4a812cca075b3da42f7faf861b', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'a8a0278e3f793a239decdbe71ccb83e882787774', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '8c39dbf3c01b682a2dbd2235fdece8c848d15e44', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '4005a2a52af9b32b7c4a3a487fda411e71b2bf9f' }, "1")), h("gb-pagination-button-group-base", { key: '57a57ec644d27d9812bc13fd2f69825d84899bc4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6490f915fba75829826f2c10ba4b19eab82ce02d' }, "2")), h("gb-pagination-button-group-base", { key: '47e7d6d74a435b8220f4b31d073f798447df6026', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'f64b0ace29a72c0f3b043ff7368770accee0051a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '4dd942910cfb8b7dc7b8fd1bd00ba3e03420ccd4', icon: "false" }, h("p", { key: 'bba787b13f1491ee3c34be3bd73cb8daad6ead2d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '334a54efc0c0a0ecf4a262a0a397e8bc454ea266', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '648482ee2cc3d80b4b3be524e012c65a0f79b6dd' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'd000830143a1dafd29bdfaa3977f0ea619ee73ba', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '305d2469d8562ff460f33aecedd79e2c07328bad' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c58cc715cd7fe876dddeaa5a5c3d5e57fd7e137b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd5992a5d53ca72d072068e9fed4a2998d30697f0' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '584ef72b4b3e8553092c9140dc05d7d41b7b4863', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '5c9b2c8c789f8a638f24e65f37c26822dddc7975', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3191a7a54a6668f932ad278bd44d02b487f1e20d', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'bcf62ecc22d4027fcb86c710cbf7cf84e3a29e7b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '222fdda25153f390cb11d7f3cd8ee0fc6f16d35a' }, "1")), h("gb-pagination-button-group-base", { key: 'af0973b4fe625e1c322ea51bc8bf1ac0b893c55f', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '95752d457c6048797d080e3faec59fff5c2106e8' }, "2")), h("gb-pagination-button-group-base", { key: '41ec396b3f76b4bbe526679699a1470d352c79a6', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152d227027b1998d12c5dd90523b5c8c78b72264' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '10c6fa0671001c05575021f457c6819a83c157bc', icon: "false" }, h("p", { key: '623d7ba8c71275c21e9a8faa450af890ed77d4de' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '4b9fc6aa64c775f9240eb7889b8add66274e18b5', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fd570f9fc260b7972c16655672e998840a2e8dae' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '2fdcd7885e93cf864e0e043ba6d02a45d8d50517', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'e1522bc93e3f99b7b7e9bf195ceae3ec03c9d1ff' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '2643d2db5d0d1622a9f0b896835c0edcec2c9062', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '54d82e13cc7e0ae7f9fdc33cdf77f89bc1026eae' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '51657ceae2ac25626988c22c108b1f5e0020be9f', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '2b2d77339a8517daa292870af78e4face9b2d36f', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '1d6b4586fbe311b762eb4a7479d2c9957da518cb', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '501c669c56fd70e5f23fdc63dd1c19d31eb52499', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'f4af327c6a93b3ab4293ab8cae9f0c4e1df978cb' }, "1")), h("gb-pagination-button-group-base", { key: '1a0e4e1ba8192e1d1a85ca69db41193d55e9330e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5e84d834185fddc2b49ad3ac1f3c4484b5c9ffa4' }, "2")), h("gb-pagination-button-group-base", { key: '3bad8871c41cbb95574b5682cbad1d7f3359ac6a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '5ced591ee0d9093ce32921043fe72ac5569ba0e8' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '59ab614b65dc86ae302abbb97080146d05a09c10', icon: "false" }, h("p", { key: '7cce2cdc8a2161695a2604745c65d6dfd0d807e4' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '5b26f07ebe660c16940721826f85ed36a8be86e3', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '75d34d305aedaf646ef516992606b0c4a18244d3' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'be1981afbceb0ed91782a530e73b434f40465cf7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a5b440bcb45001452361509fb1a8ce68ae91d744' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '49a6f39b624c2b59c97e0064a918081a56e9a681', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c7b727c54f9df30d4f0c14b8d2bedeb9c2bec891' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7aa7d937217d96be41ecfc20ae477d0e73aa8540', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
104
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '23894fb3fef358cf887b338ac013ce310573af4b', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '07ab4c10a8bf2bfda64455ea8bbce6d735c3812a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cc15e198439588d9fc6347c36310455b70498752', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '83f44800bb12404f07ef8426611420a3b9b8d986', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cc6cf9c966d8a3a347e3d3a9b6fef90bc931047', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '85a1c0a9fc93d1af21ece6487fd6a242ea530c9e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8736949a43413f6a14ed7ccfa4d577f979fde0ee', shape: this.shape }, h("p", { key: '92b85ddb5341fce7229924ac2989c08ebc9e9d0f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3e95c0b7d7b2564dca20fce21bd1eb8db725a47', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '36a5ba20a8583fb44592195f3724dbff1f3a555b', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'aa4deeb255250ddcdeb75d4b996f7c38defb70cc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '05bbae7848ed34c5f9d768bf13860e7b2a1253b2', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '0650d90e0e345abc12da0e033332adba0e47c014', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'e994b3e8029a7a223da9fab391a84001b0bc5573', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f47e2ea69d7187b5716d5199cf039095a5f56368', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ea9b6cabde5fd88aba7f82f38c54042700076c07' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'e0ab74c77510a7020f1cc1689558095b5ab0da5a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '60c74561788addd56f936ebcf8ba573000b60fd8' }, "Previous")), h("div", { key: '0af75b52b7b0fd17aed5b36d2d31be3544416c51', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
105
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '1d39474a92edaa98b1c5c26a3c97024147d1a89f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '444f8b4c77f0f9e9b0e68f51e48268cfe45a0d94', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'e58890a2ba1ef6a0ef448d37172c5af4f36c02b8', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '2bdbed9e01278aca7e4f66edaf47af0b0c5950a6', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '55e7aa29762b6398d40768d575ba41c963cf6383', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fb2d8e48024ec04a09e757945dac29cb4d76fad2', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a3144d1bad4f8523634684a9f7b5de7709dd19ac', shape: this.shape }, h("p", { key: 'e46a8dda0e01a19ef7f422224530d2d90affb614', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '8c9a51b1cc9e122c6c40502939a4a15fd23041d3', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '9d78c7c19cd78113bbf0766b85fb0af011e26de2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'eacb191be8ba75194c74615cd42ecaead72fa72a', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '5929ddc72d02754bc306f221c8daa7183bb7be13', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: '93068472426e37bcad31320cadc1635a94fdecd3', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'd66e71d6e7d42e8590f8f7d8a660faf46f26e4e9', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'f5319ad824c2c5442420b4f743eae80477ea522d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9332997903d41ecc5f6afc9acd605dd505ffe752' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '73ce7f35f87c0c9dd85f098eed9361d03c5cd301', class: "pagination_entries" }, h("div", { key: '2fd408eb99e96c4cc1d1bc4587441989f25a5069', class: "entries_text" }, h("p", { key: 'e9ee65bd9abef6094d032947f7865edf3d46dadd', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8ed78b3a4f85982cbfa95d98f0ee1a0b009d6934', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a9e9562a24c1e4169192be01594f4cfecc8f79c6', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '358ce92dfaa364a45b5fa4b391d9ccc6aa735b0c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
106
+ this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'dbcac3c3605a5985061731aa243d14b75431aac1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'eb6d0353921b8ac983a9b6cf9132d595193ad584', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '1adad565d67fec6ef35b08f337c9d602dfc3c956', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '797a6f085abd2ed0f1e7357382ba4772879ee496', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bdeb4dd76982e6e1241b9a0321fb15df47afa807', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'a3f6fee6bea39c9015de51fdedfe34180b7c25f7', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1bf9cdd716c63b81aeba37bc0b85e505bc5db2b8', shape: this.shape, state: "default" }, h("p", { key: '0a07d003b02ed76486a6664b9a7d328263a1b835', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c210e79d5ceec14ebc8af11cb15a175df5dfdb26', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '52b8dd6b641b9252e0f0511cadb688cd86936350', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'd475b82b461b5617620d36a358e4ba2dd3051fb8', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '9ee3d9e8ec447b8a284f25acd2e14ac8b0f62a1c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a8541a40fd4866c1f66c34879813cb41fa297bca', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3044006b9e679ee1b04bed8724e709f107b585dd', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: 'd7a4d658f70a9ce9296e10e99309ffee450d4943', class: "pagination_btns" }, h("gb-button", { key: '87fe72470b382d8bad3ff62a6ac9a6d766a8a4cc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'c562b7cbbcb74d5c7d3495f58df074b17fffe343', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'd6b8fb48d7fafcd331fb5e3be3e585128f45d4ed', class: "pagination_entries" }, h("div", { key: '23aa7645b63bcfe12b5ee8f4db11f925f81fc834', class: "entries_text" }, h("p", { key: '6bbc396ffc6d67017606f81a13387789db1ea369', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b994cc5b3dcc52b13d788ffc3f8eec17a02c69f1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2cb459946dc44db842d6fc0bdb0bbd1e52f736bb', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '56280d128ac6c43ec1c8f10850e71802a209c7c0', class: "page_number_text" }, h("p", { key: '8b84985d1074530cc424ca063842017a07b77c23', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'db7c3fc7adb929dff50e7d000c515ee00941659f', class: "pagination_btns" }, h("gb-button", { key: '19dd10a95d824f16cc921dfb8650790bc0d42639', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '88cda8d1c53f6dd11ac315dc7fcfca34a8cab63a' }, "Previous")), h("gb-button", { key: '3bd6be9cd345ffb6b4c0e5eb39b3bf5256302e0d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c6c79d90fd8c4b34796cccc19775e2e896a21993' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3e1c254a0aef6dd0c215369b99133c560c5096e8', class: "pagination_btns" }, h("gb-button", { key: 'ee8f4eab0f36f8bdcea244dcb08e5d8132cae1a0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '822979d3289befcb0c5d708ab4e74cd3c2f471bb' }, "Previous")), h("gb-button", { key: '76e8efec7307661625712cb0296a4779ff1ae037', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'd82c01ca8c395b00b095c5eaf7ba756e7a8fd98c' }, "Next"))), h("div", { key: '5aee833d96fafadf42f4578acf1510a0ae1c32a1', class: "page_number_text" }, h("p", { key: 'fbfc782aa08240994fa9949546ef481a7991c18e', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '16ce01f830665daeab571eaa3b0304a0538d42cb', class: "pagination_entries" }, h("div", { key: 'fd535554a408cafc241d61b44cfc3e1c54e95adf', class: "entries_text" }, h("p", { key: 'f552ede023e0bd87293ee7d97aa95745e499aa90', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fae1f7b912785850bee522b2abb7576496e7ba19', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'b0127ca58e0cff07ebbe9cefadfcb96871d69c54', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '524c551e1eb383ee103cd87cb9a42b95dd19aced', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '56edfe2f2410bce53c144cb7c92ef5fd97767054' }, "Previous")), h("div", { key: '533775bf39bd662e48cf4d2e0a80cff7363c0336', class: "page_number_text" }, h("p", { key: '83952d1c5651c17fbf6a13f8dbf90235b651cc1e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '1f3ee09738b5f42f5afcb1320bdda4265b67dd8a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'bcca1fa6551314827f9f5c3007b0528fe237b469' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3268ef0675fa6b22917d58b4ab7041904cd997e1', class: "pagination_entries" }, h("div", { key: '225fc72d3809d1900d84543e1d19da3f0335df2e', class: "entries_text" }, h("p", { key: '7fde012afe87e9298c26cbe07646e0dbf277ff6f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '5e571afb46b01d58a6f9c024f2a93db0709218be', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7fa23c7a03d488a1c3f715e83c4f69ef2f208956', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '12e76f6d102e278cf9e0751ef406caad40e24555', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'cc2ba4fe0465c40cfcc88dcd1fa6d382092b2c76', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '65d72bb939729bcb36f8af5472222136eeebdcbb' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '3c38af31415ab4d8e2f4b3d3e1b451ddc4adec5a', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '27303f2f68c80d09baed47e32b02124addd9d275' }, "1")), h("gb-pagination-button-group-base", { key: '12b6f5417e5b9cc14469a03e1609665604b8c4ed', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'be2d75962e7c17fcf57851f7d01e58663c1513a0' }, "2")), h("gb-pagination-button-group-base", { key: 'ded25b783586f657db8c9bb0eb11b385dcec6cc8', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31d546e13805b6bf19b3e94be1c0402816826648' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'd2d307d1d091b3361a0adfe2312b221169333a67', icon: "false" }, h("p", { key: 'ae510f9665d43811f89d27e514a60d903a5f1db9' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'fc300d8d46620e20e1a34a79cddda2890f73d697', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '0e0d2f097a7a5776753cfdd7c4dccd284a706489' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '876a2a1f5a32f04ff6019f3178c212ae5692e0ac', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '7d6be3d3cccb9fa21105d9b25032c0a4050036f5' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'f7e3d12c22606e667e49d4bf83d11a950abb9187', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'a88327cf99f798fb2d3ba1da74a7f069cbbb48fc' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '56ec6acae2bc8617e2cc43664e251d3cb36da15b', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '42dcaa27c41e372d1f9ee084560f5f22423556bc' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '88cbbe40b4c0864b310a9c7cde7d76f08789c0dc', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '0b50aecb6d8db4879660b9a939e9f988ba20bcc2', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '91346e148d1c16c3ae0ad8d0524027744b39a242' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '98ab6b5d6e8b8be2a28e7808393c041caebeb534', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '74260f116d85957200c04f7b95c79b28c1663071' }, "1")), h("gb-pagination-button-group-base", { key: 'ce55f05187e3a4167467983738f2f55519e7f99e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '80189884d93bef932e9b09b744ba8358a77a3f95' }, "2")), h("gb-pagination-button-group-base", { key: 'f70d1d83622cf11a228be7cac198aef6c527ba30', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '152e3d64bd26f3a8693d5217b32d19a2d9d1e4ac' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '84df4b99fec4ec41df38272cc32cc7ab09b12411', icon: "false" }, h("p", { key: '4898d6e74d10b28deb435a1ade36726bc5e25814' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '2c37ba35d331c5a0a6c8c5a3aab71c4fa24f86ae', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '93ad1000e02985d91f51ddc7603b42faff12b549' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8fb605f7ba6adec9f9f0dd17ba592eb6dfd64af7', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'b61491cd7e8cb33c61b50d86a27e01de381f03d6' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '954a27c63346085a23913a2d9a10d17c074f0837', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'e940fdccd3bdf9a050110c53951fb28fc262d403' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '051daa9c6dd29b5334dce33d50d49ed4a4327df9', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'e694314fc66a85c0dff01d028abdde90e307cabf' }, "Next"))), h("div", { key: '9ec37d8265f0a17017d85c626e56de383b87f0b5', class: "pagination_entries" }, h("div", { key: 'c10c1728781967b0991ec40c5e39ecbde0eeed5a', class: "entries_text" }, h("p", { key: '834f410872c2f3d119d9e19764ada76773821b60', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '85100431a5efcc34cd7ec038c7bbb6a0e22cc4ef', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '03240f38e2ae4ddc0351074b427dd10d9ed8648d', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '3ef1f8c391336c08ed04da7d0af16c3d9656664c', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '3a86531dcea28ef2365a3602ed41d8ed85f5ebda', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '8de2a10f3dede5b8d43aa7d49f48ccdb1c7dcaad' }, "Previous")), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: 'e8a1140a17b584163cc26c18cab0b71b11a186db', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '2b0edadeef0fe98916d677c0d200cc726736594d' }, "1")), h("gb-pagination-button-group-base", { key: 'a8130c346fb8905debc4e51e6bec25385d83507c', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '3568a309d8a0f8e86a8e0d12a33f4d8cee5400d9' }, "2")), h("gb-pagination-button-group-base", { key: '55f2a1a3e899080f23a6e0c6ac60febf3d9b4090', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '96ee3bd1be310286a4351fe082ddec59f5120981' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '98f5b8f405a934be962225658c87576d1ee8133e', icon: "false" }, h("p", { key: 'e94d8d894296207aa706a8a1e04c7d3cefa322dd' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'ed4b919a81b55ca3a8120c712f6cc64ca03f5863', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b39cec04a9f155efc03a045c89c7feda4c26cb91' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '0adeff081412c741ef116c3a294f957f489926cb', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '3da06fcf6b4751e9583527536c7c48f6858f0541' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0740d2e4e9beb06b8075efd36a329160380791a8', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '3889ee7db614413d8f2978d69b1583b47202d18f' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '3eace013e4ffeb6291bedd9a1ab72ba05f23240f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '567b58a1faa1610fd513df614838df0aa9aa14ee' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4a5c6b805519af24286e7ccc64dbae058bea7f0d', 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: '075da81995b9b14b01877308c94c15980a634a8d', class: "page_number_text" }, h("p", { key: 'f53914efc0286e25ca29f3da5b7fac4d79ad7059', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '673c75849bdbacb91a6b19caaacb830fce86eb9e', 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: '50b9e2d8dfd19a47077cbd7ebf989c703c295083', 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: 'e1e6462ac7b0e3ba002bc03158e2e5cefa675464', class: "page_number_text" }, h("p", { key: '1f7ba2d37b72f5a85b0d7f4dc420a4bf9b2250a3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '441043ccfcf9ca6acbeaeff3b610549ba7d01eea', 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: 'a5c7e6b6fcaee9856d3d858eb02953243c7afc10', 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: '26f5d885290fa679dd6c6b0915cfe75aa8fc4284', class: "page_number_text" }, h("p", { key: '6e1ec65fdb9c513ba15a2b97dcfc60038aae7211', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'f44f609c8c2190801e60ad7298d4ebf224b78a28', 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: '92a4490b0aa91f4005d763e2d689d32ff7ad2b5e', 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: '10a04c1412b31f7f10757f7e6f3651a7d198bdbe', class: "page_number_text" }, h("p", { key: 'a6ab65fa0a2cccc85569de7b7e7f86e5af68c3f2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '41f230662520d1a9b7e911876b8d522feb8b7c87', 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: '88077dc297bc492cd7433aec5575fbdf703e34f8', 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: 'd32c007db2f110a5e547f42a7d9c9656e2cd6fcf', class: "page_number_text" }, h("p", { key: '202e3ebd4b76a0da39d505dc4753d872bd433dcf', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '53290dc86bbb1055394bdf8aedab63fbd40583b3', 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: '2c7f28038b2ecfd56fc24f9576445885f5dcc755', 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: '54d4996419490a628424d500c1b893a23a7a5657', class: "page_number_text" }, h("p", { key: 'ee10bbbae9450826b6b3311018d2593eb941ea16', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'dae8b061a3277dc3bbc7141f29a6d697894c053c', 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: 'dc34e9df4a8c65781061648b6f0c4e61cb607b61', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'ef4b70ae5d6544b37252c464e110e831679fe796', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '0ff1d08a92b927f91b41dd9dbd005d3a11ac5e33', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7cdd0b1a6f61563e3780a5ff838df039e681211d' }, "1")), h("gb-pagination-button-group-base", { key: 'a1c485ec68a009b1a35b51089a1054b006f0ad1a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'bcd8b6d19e52e5cbc4876eb20067a533c53deb2f' }, "2")), h("gb-pagination-button-group-base", { key: '306db2e69f5eec0562ded548aa9c70263772735b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '1dbff2590d3e6037fb22f44d9469fdc344f3c6c7' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'f83dbfeb1c8c55406c38f742b445c8bea21a72c5', icon: "false" }, h("p", { key: '40c49041ab94841780f1304db6452a17f742bdad' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '526037c304f21da5012d11592b148c6365586094', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '2efc23eb805eae3622d7f720148430fff9f920b7' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '323bc92a4d573e02f729f25807c6c9e941237ad9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '0a75f4b47e227872c9c6145cadd1665d80fac91b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '00446ab9af26593095d51ba87f81b5757a963b29', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '68178d891c63ec20be89e492cd36cb4e83d08043' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '5e45cbaa8d4c3ae1b93172facadaf781c3e24c5d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '9473312255d644195c44b4ccd8ba99f951de21ad', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '19dd7371a8c00a5692243016b25803a7068b0f5e', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '6be8aa8e92365abdde75eddc3d19b6bad866153e', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '9b96de3864b6c372c340b1eb922e22a896e5d2ea' }, "1")), h("gb-pagination-button-group-base", { key: 'a4b58a383d11d4cb87feb9a6d1c41ca03b3c3198', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'c75a8804735fdfc266144162820ed06fdfafb7eb' }, "2")), h("gb-pagination-button-group-base", { key: 'fc9ccce9c1441f2065a89e321c79fb3bc734ad9d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'a100139eaa6114e58b0f604b7da4390f7aa8d13a' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'bdae4967d3e3221ad4ac4c070f2ea16fea642f87', icon: "false" }, h("p", { key: '19cf8d6c7cb9dc11293228d1252b277700c0d0a6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '73d31e25c5b22c23fcca7a4f0830664a81457c83', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'a49c7bfbabcf4049a81250542fbb1a3d9fe56d62' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '012c6bc7ed224305bca11bd11f20e1708545baea', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'a39402607eddb6639624ea8735e6cd01e5f197c3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'c81065a0fe6e608bcb42bac7481fb2ccc144ccb4', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '53ab64fe02a4506864bfbdefdb61ab765d8ef20e' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '4121d65b98dd4b3c04eb6357a693f1b6832aeeef', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (h("div", { key: '481e60dd216a94d3c162330f728b763576d014d9', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '423f0eac5bc52d3f6c6bc36bad3f4e2779aa2ac6', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (h(Fragment, null, this.pages.map(page => (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, h("p", null, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-button-group-base", { key: '522ae1486660f4de7a7619010a8dc22b4b61eded', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '3d5658d0d2f38e8595d6ff9ae82f638add8f7b2a' }, "1")), h("gb-pagination-button-group-base", { key: 'f5573651fbf02d0f8526b075fd629e9897eeeb67', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '376237d1837bc83673cfcdbdfc049eade5468998' }, "2")), h("gb-pagination-button-group-base", { key: 'b5f6e897a7979b6a165eac96a263f78ea29f2720', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '31f5886d68c868f01a645461ab089cc5840eaf32' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: '57e57bddb9822001de3090e6cc2705eaaa3874f6', icon: "false" }, h("p", { key: '53284853ed7ca46e27c8d31ccecd5f38e6324908' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, h("p", null, this.currentPage))) : null, h("gb-pagination-button-group-base", { key: 'e9ff5170e5ff8825ab92685f5e8a322fac0758a4', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '98eed7b49dfa847485a2559bb37f6d892642c025' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'fade7c1965c964904ad989e5a384bbe3a374b091', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ad3bbf6fe45efe011c42b7866b173e38c5c64631' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9163ba9185169164ac4e9bc946a10462677f634c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'cd13542f66477f9f7e3b7718b2c9061697dc2c97' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '6b14ef3d2d634d989dcf5cbc8d862f798184f6e4', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
107
107
  }
108
108
  static get watchers() { return {
109
109
  "totalPages": ["onTotalPagesChange"]