npm - globuswebcomponents - Versions diffs - 2.18.11 → 2.18.12 - Mend

globuswebcomponents 2.18.11 → 2.18.12

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

package/dist/components/{p-Bh5U9ghh.js → p-BHhON5Dd.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-CD7FeUx5.js';
-import { d as defineCustomElement$k } from './p-4kYa0GXI.js';
+import { d as defineCustomElement$k } from './p-D6yceV_k.js';
 import { d as defineCustomElement$j } from './p-DhmmSqYS.js';
-import { d as defineCustomElement$i } from './p-C-Ao83_e.js';
+import { d as defineCustomElement$i } from './p-5znPazO0.js';
 import { d as defineCustomElement$h } from './p-eVx9Cuj0.js';
 import { d as defineCustomElement$g } from './p-BEwtnG4L.js';
-import { d as defineCustomElement$f } from './p-CvF5ys-G.js';
-import { d as defineCustomElement$e } from './p-dzjIMAPJ.js';
-import { d as defineCustomElement$d } from './p-CrUc_a-y.js';
-import { d as defineCustomElement$c } from './p-Crqy1mU8.js';
-import { d as defineCustomElement$b } from './p-D3Jq9PPU.js';
-import { d as defineCustomElement$a } from './p-BPHC6yG4.js';
-import { d as defineCustomElement$9 } from './p-B53NJSYT.js';
-import { d as defineCustomElement$8 } from './p-BaBL8F0J.js';
-import { d as defineCustomElement$7 } from './p-DlUYCiB5.js';
-import { d as defineCustomElement$6 } from './p-CWiRPRaH.js';
-import { d as defineCustomElement$5 } from './p-D2K6bpwu.js';
-import { d as defineCustomElement$4 } from './p-ITJFtOvm.js';
-import { d as defineCustomElement$3 } from './p-BSv5ayVM.js';
-import { d as defineCustomElement$2 } from './p-BnK4iWGm.js';
-import { d as defineCustomElement$1 } from './p-Cw3E8ae6.js';
+import { d as defineCustomElement$f } from './p-B0f4vN6R.js';
+import { d as defineCustomElement$e } from './p-CkumhKF1.js';
+import { d as defineCustomElement$d } from './p-D1YtnYlP.js';
+import { d as defineCustomElement$c } from './p-wSX9ESyM.js';
+import { d as defineCustomElement$b } from './p-CbeOCjT9.js';
+import { d as defineCustomElement$a } from './p-OIdysSPW.js';
+import { d as defineCustomElement$9 } from './p-sMNy0Dje.js';
+import { d as defineCustomElement$8 } from './p-DzVNtOEw.js';
+import { d as defineCustomElement$7 } from './p-DFIew1S-.js';
+import { d as defineCustomElement$6 } from './p-BWyAj_uJ.js';
+import { d as defineCustomElement$5 } from './p-DtoJorl0.js';
+import { d as defineCustomElement$4 } from './p-DGWkZn3b.js';
+import { d as defineCustomElement$3 } from './p-BAwUuGTh.js';
+import { d as defineCustomElement$2 } from './p-ChTxJPlR.js';
+import { d as defineCustomElement$1 } from './p-C21s690I.js';
 const gbPaginationCss = "@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\n/**\n * Global styles for portal-based dropdowns\n * Applied outside shadow DOM context\n */\n.portal_dropdown_wrapper {\n  width: -moz-fit-content;\n  width: fit-content;\n  border-radius: var(--rounded-sm);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n  background: var(--color-surface, #ffffff);\n  box-shadow: var(--shadow-md);\n  position: absolute;\n  z-index: 9999; /* High z-index to appear above sticky columns */\n  overflow: hidden;\n}\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\n  display: block;\n  width: 100%;\n}\n/* .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\n  background: var(--color-background-gray-subtler, #eef2f6);\n} */\n/**\n * gb-input-dropdown menu, portaled out of the component's shadow root.\n * Mirrors .dropdown_menu in gb-input-dropdown.css (which is shadow-scoped and\n * therefore no longer applies once this element is moved into #gb-portal-host).\n */\n.input_dropdown_portal_menu {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  max-height: 300px;\n  padding: var(--spacing-none);\n  border-radius: var(--rounded-sm);\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\n  background: var(--color-surface, #ffffff);\n  box-shadow: var(--shadow-sm);\n  position: absolute;\n  z-index: 9999;\n  gap: var(--spacing-none);\n  overflow-y: auto;\n  overflow-x: hidden;\n  box-sizing: border-box;\n  /* Exact width (not just a minimum) is set inline by gb-input-dropdown-test.tsx\n   * (componentDidUpdate), matching the trigger's width. Content must not grow\n   * the menu wider than the trigger. */\n}\n.input_dropdown_portal_menu::-webkit-scrollbar {\n  right: 0rem;\n  bottom: -1.53125rem;\n  width: 0.8rem;\n  margin-top: 1rem;\n}\n.input_dropdown_portal_menu::-webkit-scrollbar-track {\n  width: 0.5rem;\n  padding: var(--spacing-1);\n  border: none;\n}\n.input_dropdown_portal_menu::-webkit-scrollbar-thumb {\n  width: 0.5rem;\n  height: 11.75rem;\n  border: 0.25rem solid var(--color-background-card, #ffffff);\n  border-radius: var(--rounded-full);\n  background: var(--color-border-subtle, #cdd5df);\n}\n/* Content rendered inside the portaled input-dropdown menu (search field, empty\n * state, loader) - also shadow-scoped in gb-input-dropdown.css and therefore\n * also unreachable once portaled. Kept in sync with that file by hand. */\n.input_dropdown_portal_menu .dropdown_search_field {\n  background: var(--color-surface, #ffffff);\n  padding: var(--spacing-2) var(--spacing-2) var(--spacing-none) var(--spacing-2);\n  position: sticky;\n  top: 0;\n  z-index: 999;\n}\n.input_dropdown_portal_menu .empty_state {\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.input_dropdown_portal_menu .background {\n  position: relative;\n  width: 80%;\n}\n.input_dropdown_portal_menu .message_background {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--spacing-1);\n}\n.input_dropdown_portal_menu .illustration {\n  width: 100px;\n  height: 100px;\n}\n.input_dropdown_portal_menu .message {\n  color: var(--color-text-bold, #202939);\n}\n.input_dropdown_portal_menu .loader_div {\n  width: 100%;\n  height: 10rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.input_dropdown_portal_menu .loader {\n  border: 4px solid var(--color-background-gray, #cdd5df);\n  border-top: 4px solid var(--color-background-selected, #075db2);\n  border-radius: 50%;\n  width: 30px;\n  height: 30px;\n  animation: input-dropdown-portal-spin 2s linear infinite;\n}\n@keyframes input-dropdown-portal-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n/* @import 'tailwind.css'; */\n:root {\n  /* --------------------------------------Primary Colors--------------------------------------------- */\n  /* base color palette */\n  --base-white: #fff;\n  --base-black: #000;\n\n  /* gray color palette  */\n  --gray-25: #f9fafb;\n  --gray-50: #f6f8fa;\n  --gray-100: #eef2f6;\n  --gray-200: #e3e8ef;\n  --gray-300: #cdd5df;\n  --gray-400: #808c9e;\n  --gray-500: #697586;\n  --gray-600: #4b5565;\n  --gray-700: #364152;\n  --gray-800: #202939;\n  --gray-900: #121926;\n  --gray-950: #0d121c;\n\n  /* brand dark blue color palette */\n  --brandDarkBlue-25: #f9f9fb;\n  --brandDarkBlue-50: #edeef3;\n  --brandDarkBlue-100: #d3d5e0;\n  --brandDarkBlue-200: #b5b9cc;\n  --brandDarkBlue-300: #9095b2;\n  --brandDarkBlue-400: #464f7f;\n  --brandDarkBlue-500: #212c65;\n  --brandDarkBlue-600: #1e285c;\n  --brandDarkBlue-700: #1c2554;\n  --brandDarkBlue-800: #161d43;\n  --brandDarkBlue-900: #0b0f22;\n  --brandDarkBlue-950: #070914;\n\n  /* brand red color palette */\n  --brandRed-25: #fffbfa;\n  --brandRed-50: #fef1f2;\n  --brandRed-100: #fde3e5;\n  --brandRed-200: #f9b4ba;\n  --brandRed-300: #f68e98;\n  --brandRed-400: #f36976;\n  --brandRed-500: #e21b2e;\n  --brandRed-600: #cc1a2a;\n  --brandRed-700: #b51726;\n  --brandRed-800: #8c121d;\n  --brandRed-900: #680d16;\n  --brandRed-950: #3f080d;\n\n  /* warning color palette */\n  --yellow-25: #fffcf5;\n  --yellow-50: #fffaeb;\n  --yellow-100: #fef0c7;\n  --yellow-200: #fedf89;\n  --yellow-300: #fec84b;\n  --yellow-400: #fdb022;\n  --yellow-500: #f79009;\n  --yellow-600: #dc6803;\n  --yellow-700: #b54708;\n  --yellow-800: #93370d;\n  --yellow-900: #7a2e0e;\n  --yellow-950: #4e1d09;\n\n  /* success color palette  */\n  --green-25: #f6fef9;\n  --green-50: #ecfdf3;\n  --green-100: #dcfaeb;\n  --green-200: #a9efc5;\n  --green-300: #75e0a7;\n  --green-400: #47cd89;\n  --green-500: #17b26a;\n  --green-600: #067f48;\n  --green-700: #067647;\n  --green-800: #085d3a;\n  --green-900: #074d31;\n  --green-950: #053321;\n\n  /* ------------------------------------------opacity color palette--------------------------------------  */\n  /* 0% opacity */\n  /* White */\n  --white-opacity0: rgba(255, 255, 255, 0);\n\n  /* Gray */\n  --gray25-opacity0: rgba(249, 250, 251, 0);\n  --gray900-opacity0: rgba(18, 25, 38, 0);\n  --gray950-opacity0: rgba(13, 18, 28, 0);\n\n  /* 20% opacity */\n  /* White */\n  --white-opacity20: rgba(255, 255, 255, 0.2);\n\n  /* Dark Blue */\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\n\n  /* Gray */\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\n\n  /* 30% opacity */\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\n\n  /* 40% opacity */\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\n\n  /* 50% opacity */\n  /* White */\n  --white-opacity50: rgba(255, 255, 255, 0.5);\n\n  /* Gray */\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\n\n  /* ------------------------------------------Secondary Color------------------------------------------- */\n  /* blueLight color palete */\n  --lightBlue-25: #f5fbff;\n  --lightBlue-50: #f0f9ff;\n  --lightBlue-100: #e0f2fe;\n  --lightBlue-200: #b9e6fe;\n  --lightBlue-300: #7cd4fd;\n  --lightBlue-400: #7cd4fd;\n  --lightBlue-500: #0ba5ec;\n  --lightBlue-600: #0086c9;\n  --lightBlue-700: #026aa2;\n  --lightBlue-800: #065986;\n  --lightBlue-900: #0b4a6f;\n  --lightBlue-950: #062c41;\n\n  /* blue color palette */\n  --blue-25: #ecf5fe;\n  --blue-50: #e4f0fc;\n  --blue-100: #c8e0f9;\n  --blue-200: #9ac7f4;\n  --blue-300: #6aa9e7;\n  --blue-400: #378fe6;\n  --blue-500: #075db2;\n  --blue-600: #064e94;\n  --blue-700: #053e77;\n  --blue-800: #042f59;\n  --blue-900: #022445;\n  --blue-950: #021d37;\n\n  /* Purple color palete */\n  --purple-25: #fafaff;\n  --purple-50: #f4f3ff;\n  --purple-100: #ebe9fe;\n  --purple-200: #d9d6fe;\n  --purple-300: #bdb4fe;\n  --purple-400: #9b8afb;\n  --purple-500: #7a5af8;\n  --purple-600: #6938ef;\n  --purple-700: #5925dc;\n  --purple-800: #4a1fb8;\n  --purple-900: #3e1c96;\n  --purple-950: #27115f;\n\n  /* pink color palette */\n  --pink-25: #fef6fb;\n  --pink-50: #fdf2fa;\n  --pink-100: #fce7f6;\n  --pink-200: #fcceee;\n  --pink-300: #faa7e0;\n  --pink-400: #f670c7;\n  --pink-500: #ee46bc;\n  --pink-600: #dd2590;\n  --pink-700: #c11574;\n  --pink-800: #9e165f;\n  --pink-900: #851651;\n  --pink-950: #4e0d30;\n\n  /* -------------------------------------------------Token---------------------------------------------- */\n  /* Light-theme defaults so external hosts still resolve key tokens when data-theme is not set. */\n  --color-text-bold: var(--gray-800);\n  --color-text: var(--gray-600);\n  --color-text-subtle: var(--gray-500);\n  --color-text-disabled: var(--gray-400);\n  --color-text-inverse: var(--base-white);\n\n  --color-icon-bold: var(--gray-800);\n  --color-icon: var(--gray-600);\n  --color-icon-subtle: var(--gray-500);\n  --color-icon-disabled: var(--gray-400);\n  --color-icon-inverse: var(--base-white);\n\n  --color-border-bold: var(--gray-500);\n  --color-border: var(--gray-400);\n  --color-border-subtle: var(--gray-300);\n  --color-border-subtler: var(--gray-200);\n  --color-border-disabled: var(--gray-200);\n  --color-border-input: var(--gray-300);\n  --color-border-focus: var(--gray-400);\n\n  --color-background: var(--base-white);\n  --color-background-card-bold: var(--gray-100);\n  --color-background-card: var(--base-white);\n  --color-background-input: var(--gray-400);\n  --color-background-disabled: var(--gray-50);\n  --color-background-btn-disabled: var(--gray-100);\n  --color-background-selected: var(--blue-500);\n\n  --color-link: var(--blue-500);\n  --color-link-pressed: var(--blue-600);\n  --color-link-visited: var(--lightBlue-600);\n\n  /* -----------Text Color----------- */\n\n  [data-theme='light'] {\n    --color-text-bold: var(--gray-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-bold: var(--gray-100);\n  }\n\n  [data-theme='light'] {\n    --color-text: var(--gray-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text: var(--gray-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-subtle: var(--gray-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-subtle: var(--gray-400);\n  }\n\n  [data-theme='light'] {\n    --color-text-disabled: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-text-disabled: var(--gray-500);\n  }\n\n  [data-theme='light'] {\n    --color-text-inverse: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-text-inverse: var(--base-black);\n  }\n\n  [data-theme='light'] {\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-brandRed: var(--brandRed-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-brandRed: var(--brandRed-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-selected: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-selected: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-danger-bold: var(--brandRed-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-danger-bold: var(--brandRed-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-danger: var(--brandRed-700);\n  }\n\n  [data-theme='dark'] {\n    --color-text-danger: var(--brandRed-200);\n  }\n\n  [data-theme='light'] {\n    --color-text-danger-subtle: var(--brandRed-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-danger-subtle: var(--brandRed-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-danger-inverse: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-text-danger-inverse: var(--brandRed-950);\n  }\n\n  [data-theme='light'] {\n    --color-text-warning-bold: var(--yellow-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-warning-bold: var(--yellow-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-warning: var(--yellow-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-warning: var(--yellow-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-warning-subtle: var(--yellow-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-warning-subtle: var(--yellow-400);\n  }\n\n  [data-theme='light'] {\n    --color-text-success-bold: var(--green-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-success-bold: var(--green-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-success: var(--green-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-success: var(--green-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-success-subtle: var(--green-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-success-subtle: var(--green-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-discovery-bold: var(--lightBlue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-discovery-bold: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-discovery: var(--lightBlue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-discovery: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-discovery-subtle: var(--lightBlue-400);\n  }\n\n  [data-theme='dark'] {\n    --color-text-discovery-subtle: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-information-bold: var(--blue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-information-bold: var(--blue-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-information: var(--blue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-information: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-information-subtle: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-information-subtle: var(--blue-400);\n  }\n\n  [data-theme='light'] {\n    --color-text-purple-bold: var(--purple-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-purple-bold: var(--purple-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-purple: var(--purple-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-purple: var(--purple-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-purple-subtle: var(--purple-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-purple-subtle: var(--purple-400);\n  }\n\n  [data-theme='light'] {\n    --color-text-pink-bold: var(--pink-800);\n  }\n\n  [data-theme='dark'] {\n    --color-text-pink-bold: var(--pink-100);\n  }\n\n  [data-theme='light'] {\n    --color-text-pink: var(--pink-600);\n  }\n\n  [data-theme='dark'] {\n    --color-text-pink: var(--pink-300);\n  }\n\n  [data-theme='light'] {\n    --color-text-pink-subtle: var(--pink-500);\n  }\n\n  [data-theme='dark'] {\n    --color-text-pink-subtle: var(--pink-400);\n  }\n\n  /* --------------Link color--------------- */\n\n  [data-theme='light'] {\n    --color-link: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-link: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-link-pressed: var(--blue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-link-pressed: var(--blue-600);\n  }\n\n  [data-theme='light'] {\n    --color-link-visited: var(--lightBlue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-link-visited: var(--lightBlue-300);\n  }\n\n  /* --------------Icon color--------------- */\n\n  [data-theme='light'] {\n    --color-icon-bold: var(--gray-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-bold: var(--gray-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon: var(--gray-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon: var(--gray-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-subtle: var(--gray-500);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-subtle: var(--gray-400);\n  }\n\n  [data-theme='light'] {\n    --color-icon-disabled: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-disabled: var(--gray-500);\n  }\n\n  [data-theme='light'] {\n    --color-icon-inverse: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-inverse: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\n  }\n\n  [data-theme='light'] {\n    --color-icon-brandRed: var(--brandRed-500);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-brandRed: var(--brandRed-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-selected: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-selected: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-danger-bold: var(--brandRed-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-danger-bold: var(--brandRed-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-danger: var(--brandRed-700);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-danger: var(--brandRed-200);\n  }\n\n  [data-theme='light'] {\n    --color-icon-danger-inverse: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-danger-inverse: var(--brandRed-950);\n  }\n\n  [data-theme='light'] {\n    --color-icon-warning-bold: var(--yellow-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-warning-bold: var(--yellow-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-warning: var(--yellow-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-warning: var(--yellow-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-success-bold: var(--green-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-success-bold: var(--green-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-success: var(--green-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-success: var(--green-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-discovery-bold: var(--lightBlue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-discovery-bold: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-discovery: var(--lightBlue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-discovery: var(--lightBlue-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-information-bold: var(--blue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-information-bold: var(--blue-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-information: var(--blue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-information: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-purple-bold: var(--purple-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-purple-bold: var(--purple-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-purple: var(--purple-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-purple: var(--purple-300);\n  }\n\n  [data-theme='light'] {\n    --color-icon-pink-bold: var(--pink-800);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-pink-bold: var(--pink-100);\n  }\n\n  [data-theme='light'] {\n    --color-icon-pink: var(--pink-600);\n  }\n\n  [data-theme='dark'] {\n    --color-icon-pink: var(--pink-300);\n  }\n\n  /* ----------------Border Color --------------- */\n\n  [data-theme='light'] {\n    --color-border-bold: var(--gray-500);\n  }\n\n  [data-theme='dark'] {\n    --color-border-bold: var(--gray-400);\n  }\n\n  [data-theme='light'] {\n    --color-border: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-border: var(--gray-500);\n  }\n\n  [data-theme='light'] {\n    --color-border-subtle: var(--gray-300);\n  }\n\n  [data-theme='dark'] {\n    --color-border-subtle: var(--gray-700);\n  }\n\n  [data-theme='light'] {\n    --color-border-subtler: var(--gray-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-subtler: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-disabled: var(--gray-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-disabled: var(--gray-700);\n  }\n\n  [data-theme='light'] {\n    --color-border-inverse: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-border-inverse: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-input: var(--gray-300);\n  }\n\n  [data-theme='dark'] {\n    --color-border-input: var(--gray-600);\n  }\n\n  [data-theme='light'] {\n    --color-border-focus: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-border-focus: var(--blue-200);\n  }\n\n  [data-theme='light'] {\n    --color-border-selected: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-border-selected: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\n  }\n\n  [data-theme='light'] {\n    --color-border-brandRed: var(--brandRed-500);\n  }\n\n  [data-theme='dark'] {\n    --color-border-brandRed: var(--brandRed-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-danger-bold: var(--brandRed-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-danger-bold: var(--brandRed-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-danger: var(--brandRed-700);\n  }\n\n  [data-theme='dark'] {\n    --color-border-danger: var(--brandRed-200);\n  }\n\n  [data-theme='light'] {\n    --color-border-danger-subtle: var(--brandRed-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-danger-subtle: var(--brandRed-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-danger-subtler: var(--brandRed-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-danger-subtler: var(--brandRed-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-warning-bold: var(--yellow-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-warning-bold: var(--yellow-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-warning: var(--yellow-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-warning: var(--yellow-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-warning-subtle: var(--yellow-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-warning-subtle: var(--yellow-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-warning-subtler: var(--yellow-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-warning-subtler: var(--yellow-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-success-bold: var(--green-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-success-bold: var(--green-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-success: var(--green-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-success: var(--green-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-success-subtle: var(--green-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-success-subtle: var(--green-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-success-subtler: var(--green-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-success-subtler: var(--green-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-discovery-bold: var(--lightBlue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-discovery-bold: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-discovery: var(--lightBlue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-discovery: var(--lightBlue-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-discovery-subtle: var(--lightBlue-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-discovery-subtle: var(--lightBlue-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-discovery-subtler: var(--lightBlue-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-discovery-subtler: var(--lightBlue-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-information-bold: var(--blue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-information-bold: var(--blue-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-information: var(--blue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-information: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-information-subtle: var(--blue-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-information-subtle: var(--blue-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-information-subtler: var(--blue-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-information-subtler: var(--blue-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-purple-bold: var(--purple-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-purple-bold: var(--purple-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-purple: var(--purple-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-purple: var(--purple-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-purple-subtle: var(--purple-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-purple-subtle: var(--purple-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-purple-subtler: var(--purple-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-purple-subtler: var(--purple-900);\n  }\n\n  [data-theme='light'] {\n    --color-border-pink-bold: var(--pink-800);\n  }\n\n  [data-theme='dark'] {\n    --color-border-pink-bold: var(--pink-100);\n  }\n\n  [data-theme='light'] {\n    --color-border-pink: var(--pink-600);\n  }\n\n  [data-theme='dark'] {\n    --color-border-pink: var(--pink-300);\n  }\n\n  [data-theme='light'] {\n    --color-border-pink-subtle: var(--pink-200);\n  }\n\n  [data-theme='dark'] {\n    --color-border-pink-subtle: var(--pink-800);\n  }\n\n  [data-theme='light'] {\n    --color-border-pink-subtler: var(--pink-100);\n  }\n\n  [data-theme='dark'] {\n    --color-border-pink-subtler: var(--pink-900);\n  }\n\n  /* Emmanuel Kadiri starts from background color */\n\n  /* ----------------Background Color --------------- */\n\n  [data-theme='light'] {\n    --color-background-card-bolder: var(--gray-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-card-bolder: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-card: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-background-card: var(--gray-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-input: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-background-input: var(--gray-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-disabled: var(--gray-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-disabled: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-btn-disabled: var(--gray-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-btn-disabled: var(--gray-700);\n  }\n\n  [data-theme='light'] {\n    --color-background-selected: var(--blue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-background-selected: var(--blue-300);\n  }\n\n  [data-theme='light'] {\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\n  }\n\n  [data-theme='dark'] {\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-brandRed: var(--brandRed-500);\n  }\n\n  [data-theme='dark'] {\n    --color-background-brandRed: var(--brandRed-300);\n  }\n\n  [data-theme='light'] {\n    --color-background-brandRed-hover: var(--brandRed-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-brandRed-hover: var(--brandRed-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-brandRed-pressed: var(--brandRed-700);\n  }\n\n  [data-theme='dark'] {\n    --color-background-brandRed-pressed: var(--brandRed-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-gray-bold: var(--gray-400);\n  }\n\n  [data-theme='dark'] {\n    --color-background-gray-bold: var(--gray-500);\n  }\n\n  [data-theme='light'] {\n    --color-background-gray: var(--gray-300);\n  }\n\n  [data-theme='dark'] {\n    --color-background-gray: var(--gray-600);\n  }\n\n  [data-theme='light'] {\n    --color-background-gray-subtle: var(--gray-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-gray-subtle: var(--gray-700);\n  }\n\n  [data-theme='light'] {\n    --color-background-gray-subtler: var(--gray-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-gray-subtler: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-gray-subtlest: var(--gray-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-gray-subtlest: var(--gray-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-danger-bold: var(--brandRed-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-danger-bold: var(--brandRed-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-danger: var(--brandRed-700);\n  }\n\n  [data-theme='dark'] {\n    --color-background-danger: var(--brandRed-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-danger-subtle: var(--brandRed-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-danger-subtle: var(--brandRed-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-danger-subtler: var(--brandRed-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-danger-subtler: var(--brandRed-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-danger-subtlest: var(--brandRed-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-danger-subtlest: var(--brandRed-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-warning-bold: var(--yellow-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-warning-bold: var(--yellow-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-warning: var(--yellow-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-warning: var(--yellow-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-warning-subtle: var(--yellow-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-warning-subtle: var(--yellow-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-warning-subtler: var(--yellow-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-warning-subtler: var(--yellow-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-warning-subtlest: var(--yellow-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-warning-subtlest: var(--yellow-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-success-bold: var(--green-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-success-bold: var(--green-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-success: var(--green-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-success: var(--green-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-success-subtle: var(--green-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-success-subtle: var(--green-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-success-subtler: var(--green-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-success-subtler: var(--green-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-success-subtlest: var(--green-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-success-subtlest: var(--green-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-discovery-bold: var(--lightBlue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-discovery-bold: var(--lightBlue-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-discovery: var(--lightBlue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-discovery: var(--lightBlue-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-discovery-subtle: var(--lightBlue-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-discovery-subtle: var(--lightBlue-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-discovery-subtler: var(--lightBlue-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-discovery-subtler: var(--lightBlue-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-discovery-subtlest: var(--lightBlue-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-discovery-subtlest: var(--lightBlue-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-information-bold: var(--blue-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-information-bold: var(--blue-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-information: var(--blue-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-information: var(--blue-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-information-subtle: var(--blue-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-information-subtle: var(--blue-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-information-subtler: var(--blue-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-information-subtler: var(--blue-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-information-subtlest: var(--blue-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-information-subtlest: var(--blue-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-purple-bold: var(--purple-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-purple-bold: var(--blue-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-purple: var(--purple-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-purple: var(--blue-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-purple-subtle: var(--purple-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-purple-subtle: var(--purple-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-purple-subtler: var(--purple-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-purple-subtler: var(--purple-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-purple-subtlest: var(--purple-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-purple-subtlest: var(--purple-950);\n  }\n\n  [data-theme='light'] {\n    --color-background-pink-bold: var(--pink-800);\n  }\n\n  [data-theme='dark'] {\n    --color-background-pink-bold: var(--pink-100);\n  }\n\n  [data-theme='light'] {\n    --color-background-pink: var(--pink-600);\n  }\n\n  [data-theme='dark'] {\n    --color-background-pink: var(--pink-200);\n  }\n\n  [data-theme='light'] {\n    --color-background-pink-subtle: var(--pink-200);\n  }\n\n  [data-theme='dark'] {\n    --color-background-pink-subtle: var(--pink-800);\n  }\n\n  [data-theme='light'] {\n    --color-background-pink-subtler: var(--pink-100);\n  }\n\n  [data-theme='dark'] {\n    --color-background-pink-subtler: var(--pink-900);\n  }\n\n  [data-theme='light'] {\n    --color-background-pink-subtlest: var(--purple-50);\n  }\n\n  [data-theme='dark'] {\n    --color-background-pink-subtlest: var(--pink-950);\n  }\n\n  /* ----------------Blanket Color --------------- */\n  [data-theme='light'] {\n    --color-blanket: var(--darkBlue500-opacity20);\n  }\n\n  [data-theme='dark'] {\n    --color-blanket: var(--darkBlue200-opacity20);\n  }\n\n  [data-theme='light'] {\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\n  }\n\n  [data-theme='dark'] {\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\n  }\n\n  [data-theme='light'] {\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\n  }\n\n  [data-theme='dark'] {\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\n  }\n\n  /* ----------------Skeleton Color --------------- */\n  [data-theme='light'] {\n    --color-skeleton: var(--gray-200);\n  }\n\n  [data-theme='dark'] {\n    --color-skeleton: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-skeleton-bold: var(--gray-300);\n  }\n\n  [data-theme='dark'] {\n    --color-skeleton-bold: var(--gray-700);\n  }\n\n  /* ----------------Surface Color --------------- */\n  [data-theme='light'] {\n    --color-surface-bold: var(--gray-50);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-bold: var(--gray-950);\n  }\n\n  [data-theme='light'] {\n    --color-surface: var(--base-white);\n  }\n\n  [data-theme='dark'] {\n    --color-surface: var(--gray-900);\n  }\n\n  [data-theme='light'] {\n    --color-surface-hovered: var(--gray-100);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-hovered: var(--gray-800);\n  }\n\n  [data-theme='light'] {\n    --color-surface-pressed: var(--gray-200);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-pressed: var(--gray-700);\n  }\n\n  /* ----------------Transparent Color --------------- */\n  [data-theme='light'] {\n    --color-surface-transparent50: var(--white-opacity50);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-transparent50: var(--gray900-opacity50);\n  }\n\n  [data-theme='light'] {\n    --color-surface-transparent20: var(--white-opacity20);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-transparent20: var(--gray900-opacity20);\n  }\n\n  [data-theme='light'] {\n    --color-surface-transparent-full: var(--white-opacity0);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-transparent-full: var(--gray900-opacity0);\n  }\n\n  [data-theme='light'] {\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\n  }\n\n  [data-theme='light'] {\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\n  }\n\n  [data-theme='light'] {\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\n  }\n\n  [data-theme='dark'] {\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\n  }\n}\n/* -----------------Shadow and Blur----------------- */\n:root {\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\n\n  --blur-sm: blur(4px);\n  --blur-md: blur(8px);\n  --blur-lg: blur(12px);\n  --blur-xl: blur(20px);\n}\n.shadow-xs {\n  box-shadow: var(--shadow-xs);\n}\n.shadow-sm {\n  box-shadow: var(--shadow-sm);\n}\n.shadow-md {\n  box-shadow: var(--shadow-md);\n}\n.shadow-lg {\n  box-shadow: var(--shadow-lg);\n}\n.shadow-xl {\n  box-shadow: var(--shadow-xl);\n}\n.shadow-2xl {\n  box-shadow: var(--shadow-2xl);\n}\n.shadow-3xl {\n  box-shadow: var(--shadow-3xl);\n}\n.blur-sm {\n  backdrop-filter: var(--blur-sm);\n}\n.blur-md {\n  backdrop-filter: var(--blur-md);\n}\n.blur-lg {\n  backdrop-filter: var(--blur-lg);\n}\n.blur-xl {\n  backdrop-filter: var(--blur-xl);\n}\n/* -----------------Gradients----------------- */\n:root {\n  /* Gray Gradients */\n  /* --gray-gradient-600: linear-gradient(); */\n  --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\n  --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\n  --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\n  --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\n  --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\n  --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\n\n  /* Brand Dark Blue Gradients */\n  --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\n  --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\n  --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\n  --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\n  --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\n  --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\n\n  /* Brand Red Gradients */\n  --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\n  --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\n  --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\n  --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\n  --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\n  --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\n\n  /* Blue Gradients */\n  --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\n  --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\n  --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\n  --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\n  --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\n  --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\n}\n.gradient-gray-600-to-500-90d {\n  background: var(--gradient-gray-600-to-500-90d);\n}\n.gradient-gray-700-to-600-45d {\n  background: var(--gradient-gray-700-to-600-45d);\n}\n.gradient-gray-800-to-600-45d {\n  background: var(--gradient-gray-800-to-600-45d);\n}\n.gradient-gray-800-to-600-90d {\n  background: var(--gradient-gray-800-to-600-90d);\n}\n.gradient-gray-800-to-700265-d {\n  background: var(--gradient-gray-800-to-700265-d);\n}\n.gradient-gray-900-to-600-45d {\n  background: var(--gradient-gray-900-to-600-45d);\n}\n.gradient-darkBlue-500-to-400-90d {\n  background: var(--gradient-darkBlue-500-to-400-90d);\n}\n.gradient-darkBlue-700-to-500-45d {\n  background: var(--gradient-darkBlue-700-to-500-45d);\n}\n.gradient-darkBlue-700-to-400-45d {\n  background: var(--gradient-darkBlue-700-to-400-45d);\n}\n.gradient-darkBlue-800-to-500-90d {\n  background: var(--gradient-darkBlue-800-to-500-90d);\n}\n.gradient-darkBlue-800-to-600265-d {\n  background: var(--gradient-darkBlue-800-to-600265-d);\n}\n.gradient-darkBlue-900-to-600-45d {\n  background: var(--gradient-darkBlue-900-to-600-45d);\n}\n.gradient-red-500-to-400-90d {\n  background: var(--gradient-red-500-to-400-90d);\n}\n.gradient-red-700-to-500-45d {\n  background: var(--gradient-red-700-to-500-45d);\n}\n.gradient-red-700-to-400-45d {\n  background: var(--gradient-red-700-to-400-45d);\n}\n.gradient-red-800-to-500-90d {\n  background: var(--gradient-red-800-to-500-90d);\n}\n.gradient-red-800-to-600265-d {\n  background: var(--gradient-red-800-to-600265-d);\n}\n.gradient-red-900-to-600-45d {\n  background: var(--gradient-red-900-to-600-45d);\n}\n.gradient-blue-500-to-400-90d {\n  background: var(--gradient-blue-500-to-400-90d);\n}\n.gradient-blue-700-to-500-45d {\n  background: var(--gradient-blue-700-to-500-45d);\n}\n.gradient-blue-700-to-400-45d {\n  background: var(--gradient-blue-700-to-400-45d);\n}\n.gradient-blue-800-to-500-90d {\n  background: var(--gradient-blue-800-to-500-90d);\n}\n.gradient-blue-800-to-600265-d {\n  background: var(--gradient-blue-800-to-600265-d);\n}\n.gradient-blue-900-to-600-45d {\n  background: var(--gradient-blue-900-to-600-45d);\n}\n/* Spacing Styles */\n:root {\n  /* Positive spacing */\n  --spacing-none: 0rem;\n  --spacing-half: 0.125rem;\n  --spacing-1: 0.25rem;\n  --spacing-2: 0.5rem;\n  --spacing-3: 0.75rem;\n  --spacing-4: 1rem;\n  --spacing-5: 1.25rem;\n  --spacing-6: 1.5rem;\n  --spacing-7: 2rem;\n  --spacing-8: 2.5rem;\n  --spacing-12: 3rem;\n  --spacing-16: 4rem;\n  --spacing-20: 5rem;\n  --spacing-24: 6rem;\n  --spacing-32: 8rem;\n  --spacing-40: 10rem;\n  --spacing-48: 12rem;\n  --spacing-56: 14rem;\n  --spacing-64: 16rem;\n\n  /* Negative spacing */\n  --spacing-negative-half: -0.125rem;\n  --spacing-negative-1: -0.25rem;\n  --spacing-negative-2: -0.5rem;\n  --spacing-negative-3: -0.75rem;\n  --spacing-negative-4: -1rem;\n  --spacing-negative-5: -1.25rem;\n  --spacing-negative-6: -1.5rem;\n  --spacing-negative-7: -2rem;\n\n  /* Radius  */\n  --rounded-none: 0rem;\n  --rounded-xs: 0.25rem;\n  --rounded-sm: 0.5rem;\n  --rounded-md: 0.75rem;\n  --rounded-lg: 1rem;\n  --rounded-xl: 1.5rem;\n  --rounded-2xl: 2rem;\n  --rounded-full: 62.438rem;\n}\n/* Typography Styles */\n:root {\n  /* Font Sizes */\n  --font-size-d-2xl: 4.5rem;\n  --font-size-d-xl: 3.75rem;\n  --font-size-d-lg: 3rem;\n  --font-size-d-md: 2.25rem;\n  --font-size-d-sm: 1.875rem;\n  --font-size-d-xs: 1.5rem;\n  --font-size-t-xl: 1.25rem;\n  --font-size-t-lg: 1.125rem;\n  --font-size-t-md: 1rem;\n  --font-size-t-sm: 0.875rem;\n  --font-size-t-xs: 0.75rem;\n  --font-size-t-xxs: 0.625rem;\n\n  /* Font Weights */\n  --font-weight-bold: 700;\n  --font-weight-semi-bold: 600;\n  --font-weight-medium: 500;\n  --font-weight-regular: 400;\n\n  /* Line Heights */\n  --font-line-height-d-2xl: 5rem;\n  --font-line-height-d-xl: 4.25rem;\n  --font-line-height-d-lg: 3.75rem;\n  --font-line-height-d-md: 2.75rem;\n  --font-line-height-d-sm: 2.375rem;\n  --font-line-height-d-xs: 2rem;\n  --font-line-height-t-xl: 2rem;\n  --font-line-height-t-lg: 1.875rem;\n  --font-line-height-t-md: 1.688rem;\n  --font-line-height-t-sm: 1.5rem;\n  --font-line-height-t-xs: 1.25rem;\n  --font-line-height-t-xxs: 1.125rem;\n\n  /* Letter Spacings */\n  --font-letter-spacing-d-2xl: -0.09rem;\n  --font-letter-spacing-d-xl: -0.075rem;\n  --font-letter-spacing-d-lg: -0.075rem;\n  --font-letter-spacing-d-md: -0.045rem;\n  --font-letter-spacing-d-sm: 0;\n  --font-letter-spacing-d-xs: 0;\n  --font-letter-spacing-d-xxs: 0;\n\n  /* Font Families */\n  --font-family-title: 'Sora';\n  --font-family-body: 'Sora';\n}\n/* Media queries for medium screens (tablet) */\n@media (max-width: 1199px) {\n  :root {\n    /* Font Sizes */\n    --font-size-d-2xl: 3.75rem;\n    --font-size-d-xl: 3.5rem;\n    --font-size-d-lg: 2.75rem;\n    --font-size-d-md: 2.25rem;\n    --font-size-d-sm: 1.875rem;\n    --font-size-d-xs: 1.5rem;\n\n    /* Line Heights */\n    --font-line-height-d-2xl: 4.25rem;\n    --font-line-height-d-xl: 3.75rem;\n    --font-line-height-d-lg: 2.4375rem;\n    --font-line-height-d-md: 2.75rem;\n    --font-line-height-d-sm: 2.375rem;\n    --font-line-height-d-xs: 2rem;\n\n    /* Letter Spacings */\n    --font-letter-spacing-2xl: -0.075rem;\n    --font-letter-spacing-xl: -0.065rem;\n    --font-letter-spacing-lg: -0.045rem;\n    --font-letter-spacing-md: -0.045rem;\n    --font-letter-spacing-sm: 0rem;\n    --font-letter-spacing-xs: 0rem;\n  }\n}\n/* Media queries for smaller screens (mobile) */\n@media (max-width: 743px) {\n  :root {\n    /* Font Sizes */\n    --font-size-d-2xl: 3rem;\n    --font-size-d-xl: 2.5rem;\n    --font-size-d-lg: 2rem;\n    --font-size-d-md: 1.75rem;\n    --font-size-d-sm: 1.5rem;\n    --font-size-d-xs: 1.25rem;\n\n    /* Line Heights */\n    --font-line-height-d-2xl: 3.375rem;\n    --font-line-height-d-xl: 2.875rem;\n    --font-line-height-d-lg: 2.5rem;\n    --font-line-height-d-md: 2.1375rem;\n    --font-line-height-d-sm: 2rem;\n    --font-line-height-d-xs: 1.75rem;\n\n    /* Letter Spacings */\n    --font-letter-spacing-2xl: -0.06rem;\n    --font-letter-spacing-xl: -0.05rem;\n    --font-letter-spacing-lg: -0.045rem;\n    --font-letter-spacing-md: 0rem;\n    --font-letter-spacing-sm: 0rem;\n    --font-letter-spacing-xs: 0rem;\n  }\n}\n.display-2xl-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-2xl);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-2xl);\n  letter-spacing: var(--font-letter-spacing-d-2xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-2xl-bold::before,\n.display-2xl-bold::after {\n  content: '';\n  display: table;\n}\n.display-2xl-bold::before {\n  margin-bottom: -0.135em;\n}\n.display-2xl-bold::after {\n  margin-top: -0.205em;\n}\n.display-2xl-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-2xl);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-2xl);\n  letter-spacing: var(--font-letter-spacing-d-2xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-2xl-semi-bold::before,\n.display-2xl-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-2xl-semi-bold::before {\n  margin-bottom: -0.135em;\n}\n.display-2xl-semi-bold::after {\n  margin-top: -0.205em;\n}\n.display-xl-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-xl);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-xl);\n  letter-spacing: var(--font-letter-spacing-d-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-xl-bold::before,\n.display-xl-bold::after {\n  content: '';\n  display: table;\n}\n.display-xl-bold::before {\n  margin-bottom: -0.145em;\n}\n.display-xl-bold::after {\n  margin-top: -0.215em;\n}\n.display-xl-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-xl);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-xl);\n  letter-spacing: var(--font-letter-spacing-d-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-xl-semi-bold::before,\n.display-xl-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-xl-semi-bold::before {\n  margin-bottom: -0.145em;\n}\n.display-xl-semi-bold::after {\n  margin-top: -0.215em;\n}\n.display-lg-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-lg);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-lg);\n  letter-spacing: var(--font-letter-spacing-d-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-lg-bold::before,\n.display-lg-bold::after {\n  content: '';\n  display: table;\n}\n.display-lg-bold::before {\n  margin-bottom: -0.015em;\n}\n.display-lg-bold::after {\n  margin-top: -0.095em;\n}\n.display-lg-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-lg);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-lg);\n  letter-spacing: var(--font-letter-spacing-d-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-lg-semi-bold::before,\n.display-lg-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-lg-semi-bold::before {\n  margin-bottom: -0.015em;\n}\n.display-lg-semi-bold::after {\n  margin-top: -0.095em;\n}\n.display-md-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-md);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-md);\n  letter-spacing: var(--font-letter-spacing-d-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-md-bold::before,\n.display-md-bold::after {\n  content: '';\n  display: table;\n}\n.display-md-bold::before {\n  margin-bottom: -0.195em;\n}\n.display-md-bold::after {\n  margin-top: -0.255em;\n}\n.display-md-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-md);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-md);\n  letter-spacing: var(--font-letter-spacing-d-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-md-semi-bold::before,\n.display-md-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-md-semi-bold::before {\n  margin-bottom: -0.195em;\n}\n.display-md-semi-bold::after {\n  margin-top: -0.255em;\n}\n.display-sm-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-sm);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-sm);\n  letter-spacing: var(--font-letter-spacing-d-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-sm-bold::before,\n.display-sm-bold::after {\n  content: '';\n  display: table;\n}\n.display-sm-bold::before {\n  margin-bottom: -0.195em;\n}\n.display-sm-bold::after {\n  margin-top: -0.255em;\n}\n.display-sm-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-sm);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-sm);\n  letter-spacing: var(--font-letter-spacing-d-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-sm-semi-bold::before,\n.display-sm-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-sm-semi-bold::before {\n  margin-bottom: -0.195em;\n}\n.display-sm-semi-bold::after {\n  margin-top: -0.255em;\n}\n.display-xs-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-xs);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-d-xs);\n  letter-spacing: var(--font-letter-spacing-d-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-xs-bold::before,\n.display-xs-bold::after {\n  content: '';\n  display: table;\n}\n.display-xs-bold::before {\n  margin-bottom: -0.199em;\n}\n.display-xs-bold::after {\n  margin-top: -0.195em; /* Continue from here */\n}\n.display-xs-semi-bold {\n  font-family: var(--font-family-title);\n  font-size: var(--font-size-d-xs);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-d-xs);\n  letter-spacing: var(--font-letter-spacing-d-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.display-xs-semi-bold::before,\n.display-xs-semi-bold::after {\n  content: '';\n  display: table;\n}\n.display-xs-semi-bold::before {\n  margin-bottom: -0.259em;\n}\n.display-xs-semi-bold::after {\n  margin-top: -0.295em;\n}\n.text-xl-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xl);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xl-bold::before,\n.text-xl-bold::after {\n  content: '';\n  display: table;\n}\n.text-xl-bold::before {\n  margin-bottom: -0.329em;\n}\n.text-xl-bold::after {\n  margin-top: -0.359em;\n}\n.text-xl-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xl);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xl-semi-bold::before,\n.text-xl-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-xl-semi-bold::before {\n  margin-bottom: -0.329em;\n}\n.text-xl-semi-bold::after {\n  margin-top: -0.359em;\n}\n.text-xl-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xl);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xl-medium::before,\n.text-xl-medium::after {\n  content: '';\n  display: table;\n}\n.text-xl-medium::before {\n  margin-bottom: -0.339em;\n}\n.text-xl-medium::after {\n  margin-top: -0.399em;\n}\n.text-xl-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xl);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-xl);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xl-regular::before,\n.text-xl-regular::after {\n  content: '';\n  display: table;\n}\n.text-xl-regular::before {\n  margin-bottom: -0.339em;\n}\n.text-xl-regular::after {\n  margin-top: -0.399em;\n}\n.text-lg-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-lg);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-lg-bold::before,\n.text-lg-bold::after {\n  content: '';\n  display: table;\n}\n.text-lg-bold::before {\n  margin-bottom: -0.339em;\n}\n.text-lg-bold::after {\n  margin-top: -0.399em;\n}\n.text-lg-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-lg);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-lg-semi-bold::before,\n.text-lg-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-lg-semi-bold::before {\n  margin-bottom: -0.339em;\n}\n.text-lg-semi-bold::after {\n  margin-top: -0.399em;\n}\n.text-lg-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-lg);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-lg-medium::before,\n.text-lg-medium::after {\n  content: '';\n  display: table;\n}\n.text-lg-medium::before {\n  margin-bottom: -0.349em;\n}\n.text-lg-medium::after {\n  margin-top: -0.389em;\n}\n.text-lg-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-lg);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-lg);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-lg-regular::before,\n.text-lg-regular::after {\n  content: '';\n  display: table;\n}\n.text-lg-regular::before {\n  margin-bottom: -0.349em;\n}\n.text-lg-regular::after {\n  margin-top: -0.389em;\n}\n.text-md-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-md);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-md-bold::before,\n.text-md-bold::after {\n  content: '';\n  display: table;\n}\n.text-md-bold::before {\n  margin-bottom: -0.349em;\n}\n.text-md-bold::after {\n  margin-top: -0.389em;\n}\n.text-md-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-md);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-md-semi-bold::before,\n.text-md-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-md-semi-bold::before {\n  margin-bottom: -0.349em;\n}\n.text-md-semi-bold::after {\n  margin-top: -0.389em;\n}\n.text-md-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-md);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-md-medium::before,\n.text-md-medium::after {\n  content: '';\n  display: table;\n}\n.text-md-medium::before {\n  margin-bottom: -0.349em;\n}\n.text-md-medium::after {\n  margin-top: -0.389em;\n}\n.text-md-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-md);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-md);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-md-regular::before,\n.text-md-regular::after {\n  content: '';\n  display: table;\n}\n.text-md-regular::before {\n  margin-bottom: -0.349em;\n}\n.text-md-regular::after {\n  margin-top: -0.389em;\n}\n.text-sm-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-sm);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-sm-bold::before,\n.text-sm-bold::after {\n  content: '';\n  display: table;\n}\n.text-sm-bold::before {\n  margin-bottom: -0.299em;\n}\n.text-sm-bold::after {\n  margin-top: -0.349em;\n}\n.text-sm-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-sm);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-sm-semi-bold::before,\n.text-sm-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-sm-semi-bold::before {\n  margin-bottom: -0.299em;\n}\n.text-sm-semi-bold::after {\n  margin-top: -0.349em;\n}\n.text-sm-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-sm);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  position: relative;\n  display: inline-block;\n}\n.text-sm-medium::before,\n.text-sm-medium::after {\n  content: '';\n  display: table;\n}\n.text-sm-medium::before {\n  margin-bottom: -0.299em;\n}\n.text-sm-medium::after {\n  margin-top: -0.299em;\n}\n.text-sm-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-sm);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-sm);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  position: relative;\n  display: inline-block;\n}\n.text-sm-regular::before,\n.text-sm-regular::after {\n  content: '';\n  display: table;\n}\n.text-sm-regular::before {\n  margin-bottom: -0.299em;\n}\n.text-sm-regular::after {\n  margin-top: -0.299em;\n}\n.text-xs-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xs);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xs-bold::before,\n.text-xs-bold::after {\n  content: '';\n  display: table;\n}\n.text-xs-bold::before {\n  margin-bottom: -0.291em;\n}\n.text-xs-bold::after {\n  margin-top: -0.416em;\n}\n.text-xs-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xs);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xs-semi-bold::before,\n.text-xs-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-xs-semi-bold::before {\n  margin-bottom: -0.321em;\n}\n.text-xs-semi-bold::after {\n  margin-top: -0.416em;\n}\n.text-xs-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xs);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xs-medium::before,\n.text-xs-medium::after {\n  content: '';\n  display: table;\n}\n.text-xs-medium::before {\n  margin-bottom: -0.285em;\n}\n.text-xs-medium::after {\n  margin-top: -0.396em;\n}\n.text-xs-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xs);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-xs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xs-regular::before,\n.text-xs-regular::after {\n  content: '';\n  display: table;\n}\n.text-xs-regular::before {\n  margin-bottom: -0.291em;\n}\n.text-xs-regular::after {\n  margin-top: -0.396em;\n}\n.text-xxs-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xxs);\n  font-weight: var(--font-weight-bold);\n  line-height: var(--font-line-height-t-xxs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xxs-bold::before,\n.text-xxs-bold::after {\n  content: '';\n  display: table;\n}\n.text-xxs-bold::before {\n  margin-bottom: -0.291em;\n}\n.text-xxs-bold::after {\n  margin-top: -0.416em;\n}\n.text-xxs-semi-bold {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xxs);\n  font-weight: var(--font-weight-semi-bold);\n  line-height: var(--font-line-height-t-xxs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xxs-semi-bold::before,\n.text-xxs-semi-bold::after {\n  content: '';\n  display: table;\n}\n.text-xxs-semi-bold::before {\n  margin-bottom: -0.291em;\n}\n.text-xxs-semi-bold::after {\n  margin-top: -0.416em;\n}\n.text-xxs-medium {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xxs);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--font-line-height-t-xxs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xxs-medium::before,\n.text-xxs-medium::after {\n  content: '';\n  display: table;\n}\n.text-xxs-medium::before {\n  margin-bottom: -0.291em;\n}\n.text-xxs-medium::after {\n  margin-top: -0.416em;\n}\n.text-xxs-regular {\n  font-family: var(--font-family-body);\n  font-size: var(--font-size-t-xxs);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--font-line-height-t-xxs);\n  margin: var(--spacing-none);\n  padding: var(--spacing-none);\n  display: inline-block;\n  position: relative;\n}\n.text-xxs-regular::before,\n.text-xxs-regular::after {\n  content: '';\n  display: table;\n}\n.text-xxs-regular::before {\n  margin-bottom: -0.291em;\n}\n.text-xxs-regular::after {\n  margin-top: -0.416em;\n}\n/* Button slot styles */\n/* .slotted_button_text.primary {\n  color: var(--color-text-inverse, #ffffff) !important;\n}\n\n.slotted_button_text.secondary_gray {\n  color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.secondary_color {\n  color: var(--color-text-brandRed, #e21b2e) !important;\n}\n\n.slotted_button_text.tertiary_gray {\n  color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.tertiary_color {\n  color: var(--color-text-brandRed, #e21b2e) !important;\n}\n\n.slotted_button_text.link_gray {\n  color: var(--color-text, #4b5565) !important;\n}\n\n.slotted_button_text.link_color {\n  color: var(--color-link, #075db2) !important;\n}\n\n.slotted_button_text.primary.destructive {\n  color: var(--color-text-inverse, #ffffff) !important;\n}\n\n#slotted_button_text.primary.disabled,\n#slotted_button_text.secondary_gray.disabled,\n#slotted_button_text.secondary_color.disabled,\n#slotted_button_text.tertiary_gray.disabled,\n#slotted_button_text.tertiary_color.disabled,\n#slotted_button_text.link_gray.disabled,\n#slotted_button_text.link_color.disabled {\n  color: var(--color-text-disabled, #9aa4b2) !important;\n}\n\n#slotted_button_text.secondary_gray.default.destructive,\n#slotted_button_text.secondary_color.default.destructive,\n#slotted_button_text.tertiary_gray.default.destructive,\n#slotted_button_text.tertiary_color.default.destructive,\n#slotted_button_text.link_gray.default.destructive,\n#slotted_button_text.link_color.default.destructive {\n  color: var(--color-text-danger, #b51726) !important;\n} */\n.pagination_div{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px solid var(--color-border-subtle, #EAECF0);\n}\n.pagination_entries{\n    display: flex;\n    gap: var(--spacing-2);\n    align-items: center;\n}\n.pagination_btns{\n    display: flex;\n    gap: var(--spacing-3);\n}\n.entries_dropdown{\n    width: 6rem;\n}\ngb-input-dropdown{\n    z-index: 99;\n}\n.pagination_numbers{\n    display: flex;\n    align-items: flex-start;\n    gap: var(--spacing-half);\n}\n.pagination_button_group{\n    display: flex;\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-border-subtle, #CDD5DF);\n    box-shadow: var(--shadow-xs);\n    align-items: center;\n    overflow: hidden;\n}\n.page_numbers{\n    color: var(--color-text, #4B5565);\n}\n/* Pagination Type Styles */\n.pagination_div.page_default.desktop,\n.pagination_div.page_minimal_center_aligned.desktop{\n    padding-top: var(--spacing-5);\n}\n.pagination_div.card_default.desktop,\n.pagination_div.card_minimal_right_aligned.desktop,\n.pagination_div.card_minimal_left_aligned.desktop,\n.pagination_div.card_minimal_center_aligned.desktop,\n.pagination_div.card_button_group_right_aligned.desktop,\n.pagination_div.card_button_group_left_aligned.desktop{\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\n}\n.pagination_div.page_default.mobile,\n.pagination_div.page_minimal_center_aligned.mobile{\n    padding-top: var(--spacing-4);\n}\n.pagination_div.card_button_group_center_aligned.desktop{\n    display: flex;\n    padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5rem;\n}\n.pagination_div.card_default.mobile,\n.pagination_div.card_minimal_left_aligned.mobile,\n.pagination_div.card_minimal_right_aligned.mobile,\n.pagination_div.card_minimal_center_aligned.mobile{\n    padding: var(--spacing-3) var(--spacing-4);\n}\n.pagination_div.card_button_group_right_aligned.mobile{\n    display: flex;\n    padding: var(--spacing-3) var(--spacing-4);\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-end;\n    gap: 0.5rem;\n}\n.pagination_div.card_button_group_left_aligned.mobile{\n    display: flex;\n    padding: var(--spacing-3) var(--spacing-4);\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 0.5rem;\n}\n.pagination_div.card_button_group_center_aligned.mobile{\n    display: flex;\n    padding: var(--spacing-3) var(--spacing-4);\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5rem;\n}\n.card_default_buttons{\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-4);\n}";
@@ -109,10 +109,10 @@ const GbPagination = /*@__PURE__*/ proxyCustomElement(class GbPagination extends
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: '3a0d3a2aa166e14fe4157c92eef1d85467b3afe5', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9459db07da5c25e6930204691ba0c8c53af727e3', 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: '623409721058cd3863854c5cbc004d8ca0ce7ffb' }, "Previous")), h("div", { key: 'd00396308925b879acbc8bed3fd9e68bd24ad39c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: 'b395f613eb980e9ca36d720f7a3d8fc4b8800d87', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '60159c6b4a9b08f1501b50f62dfce6c9f30b754f', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd4673941f72e180b8a536cba85cdd9a79682780a', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '25e2d5a3068e87e6b2d2d3d87b3a630bd317fe5f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '1ca47ff9fd8c45fa8834c988c083798dada98194', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '0e05fcefc587dee3a038ce6f6a952ec954a8b879', 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: '1e3f5bd764fa51c9517894c1b058c00348f2046a', shape: this.shape }, h("p", { key: '48bb6f82378539d6e9d71af04d583fa27fb34ac3', 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: 'db6d345839d29f70e326123f434ed862920037a9', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'ff4f77fea2e59e65a341137bde669b5dab55870f', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '436bff64618890071352ca8643883d6703081972', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '0e06b69bcb549b79e5a167d4a70163cede5dde47', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'f84f0a9cda6ed864f4ba59af9f8883b87e5b144e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '8c5efd70dbe887163a84133e64916b3db03f6780', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '1114dd6388e650e44c0be4920ccae6a9169ed1a2', 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: 'f071e51897e959ff681a2aa22a1fe0084f4377b9' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '920a66747319a4d7b2c33aa63be10ffb6ec829eb', 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: '1ebbf1d5f52ebe5098c3956f7a843ee58f78858e' }, "Previous")), h("div", { key: 'bc2c539451dd16f2c8111e3fd0c76c2e86b2828a', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '1d6ee17e04078f2d0a5c2a3ff877ce9a80ec7219', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '5afad2c54c08162a581ee679b72789c95a037d94', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '5f8e14787bd1a651ab262d1167253356710d46a0', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '5884bd76e43ea5b629e0fef082faa9c9a1336869', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'f5bdc91ebc9a0b175c274be2c794dcf6ec2c53c5', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '9639ea0eb65bbf11fd4ba4c327f77c1b4fdd1109', 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: 'aecc55c52734d16f62c454b273a9dc565da078a5', shape: this.shape }, h("p", { key: 'ad772595e8f35a5c23725ab79462f896e13749a3', 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: '9bd76559ab8c9e9e1f9accb67ef726086ebf85e6', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2e5793da08b98860abf61f3ff2171b77fe00601d', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '0f125ff266604baacade55aa8d9307ea7b2629ec', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '50e4102f4f42affc7b0a83aa870bf81a8c095a6c', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'b2117561baaccfa9e98248b5119bdd77b02f58e2', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: 'cfe3331b95ccad396c893e616c6246f6b39b484c', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: 'c48f3e252d9b368851e71f85eb08103a83035feb', 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: '5499a4f7741773c36cef2a2529e78807f23e089a' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '75f0c192c3d3d79b1f8110e457fa4fcecf33e5b7', class: "pagination_entries" }, h("div", { key: '8ee87c5f690ccd6d274703aa3ed3a751fe4054f7', class: "entries_text" }, h("p", { key: '5f83d9f380879c2a0e5b491a3ffa62139dbef5c8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '88ba64b4a63b72fe9de227faeff64bfe61a0c975', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '7dcc36c5efe58e08b8cd902f14e1b791f4d74336', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '1cda37728447cca3461ff3352faf6f351bc0372f', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '30a4e17e0eb3461f58a1211328b06b163a5e91d1', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '26eaed699167a4575a3e587ed5f2bbeaaa1d8e6a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '049b5497ad6f3c2d164837adbd997844e376ba30', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'f26b136ae87bdf81fa08fc3f98a1d4e155490d24', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '590033126638e0cd04117c5c70176271d4a35306', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'ce2387ff0e22183673315c9dcf7d2b23dac304ee', 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: 'ee1e90a9158406d40ab32790b85346e04a1f477c', shape: this.shape, state: "default" }, h("p", { key: '5ff02a28889ccc7b650e9e046d4930574eabce6f', 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: '046d098ada21184a4d2a4e3d8bdb85efb75b0ccc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '2b260b8f52b193479f8f058150ae9294ecdfaf5a', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '76547f1d6cff224fdbe0514c22d77f94f92d1ba5', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: 'e301a3d814766c2f173eab012d389a500ac95595', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ca04ae122852b02b6d4bb65ead5910d8efd86a67', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '25898a3df371475a10065205c54b7cdf5d0534d0', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '23db39c398d13ecace29c0bf70be83f04346375c', class: "pagination_btns" }, h("gb-button", { key: '685236b0fbd077433bc96d7df0a3ab6237951c97', 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: '28859be460c971d651a355acc99fbd8e4412005f', 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: 'fa8add32486a70c67f45686878465ad3ceb77d52', class: "pagination_entries" }, h("div", { key: 'baecf2889fc60d71152f676b440b7cb5bd1a8da8', class: "entries_text" }, h("p", { key: '31dbee3bbec6dea9f2e9d9bc694a58e67c4859d2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '218bffcac03201888a5ae7c444954255f7f676d1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '2e2ba9fde23ddb35f7a249410af5f535eadfd341', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'cbf6c27738a50fb8f6f167c61819ba56a68f3204', class: "page_number_text" }, h("p", { key: '5837108dba19f561e708939ad5f6d0afe12e7b4b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '6646d7498af1e7379c109d118ef9aeed02bb8140', class: "pagination_btns" }, h("gb-button", { key: '00a2dacbf50b21dbebe3ee3edecd9aa0757d7ac8', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '23343e139a6a24e3c788c9e29338b41cdc6be41c' }, "Previous")), h("gb-button", { key: 'a4aa88c667d823149e1ac15b83d761b3ea9de8ff', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '549699eb7b602b3623ea238f08b4821d09767de6' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9fc8e2e2bf9bce93cc58f23b00e00e41bef842a3', class: "pagination_btns" }, h("gb-button", { key: 'd09c1df22b65a8053c5f86087aae8e72e457d267', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'da06de1750dc3b6267a9f8028ddf68ccb93e8c37' }, "Previous")), h("gb-button", { key: 'c41432aedc527323bdc777b28c25672c1d704591', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'c17f044ecbd2da537d658cf8b43a247d885455c5' }, "Next"))), h("div", { key: '397ab39c2b08edd681e58b59d27fa74e6163c7b2', class: "page_number_text" }, h("p", { key: '8e54375fbc62e0dfe75327bfb2925e7cc3717e63', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '0ac5f7d3236f3fd6323838c33cc11aacb6ad431d', class: "pagination_entries" }, h("div", { key: 'ee4a187fbcf9fe45279595275d77010ae77879b1', class: "entries_text" }, h("p", { key: '56f0808ab6551a86b3a2654dd0ef60d231d159f2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'fc0a934a9cee8b964f91d9b4860095f37c8e47cf', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f62e2e1f598872494d56fa3e4fb9ddd8dc4cfccd', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7fcef90441e5f54922b360110ccc256db0f78455', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7209403fe6df09d77be7dfa5c1789aed96e3b7f9' }, "Previous")), h("div", { key: '8487b4c4d4178f846ba9b775c3a947968022271a', class: "page_number_text" }, h("p", { key: '55122d2b4b98dfedb16b1e947b1713be10a0ec91', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '6cfff209bc5ff7083d8fdab49760494a89c0b428', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '7165927c2f097a6f9b4bcf989630de84c03db384' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'c58361a6d49663184faeb947734b2580dbc7de95', class: "pagination_entries" }, h("div", { key: 'd6688178f4935179aadca430d15987cc37626acd', class: "entries_text" }, h("p", { key: 'c96ec6e0df83527fb9b7d2adf982105186de857a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b7dd7752b98737b158ccd48ec6feca47fa34584f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8f70880006adeb2d5f63c5135c0101c8606a6ebc', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '63362bd2a7c786cedefa8c38a9443c7a002a7a34', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'e38ba9d1c23b70b7fd0480502859de7a6cde3ba5', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '74e12bdbe01bb15135ca88feedfe39e7bbe53057' }, "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: '535cf6558967462c5996937352f448fe61309a2b', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '842a1d915e9ed33dc93f1af4b0982221595a20a9' }, "1")), h("gb-pagination-button-group-base", { key: '95515cd3875aa895a1ddba4fdee617d25d2d3b39', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '9a5329bcee282620967586689260662a863b9016' }, "2")), h("gb-pagination-button-group-base", { key: '7d1d0c0f79f299a1cd87e9edc276c3d9ae52392f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '2394037732f95b5cef0dca625bad4c24f30d7f73' }, "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: '4d9e01fbec23531bce966fa1ae30bdccba859622', icon: "false" }, h("p", { key: 'c699ee66bce8a61ed9d6b60d88a98e1898d63d9c' }, "...")), 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: 'a47ec0f8854a06e72a838ce94466691505113bfb', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '3fc336d33e88c45104e8fa09164de3669990fe25' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '54f9af71f88c99b38ab810c837d1a6ac7099b761', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'ad647c77412334ae1c783b59e88f183fc4b79e23' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '849679863f1fdd8e1b6b5b0cb79d5bd7adcff7d9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '95881dd8a1038695e62f0dda2a9ca604816636f2' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '63baf1e2005578532431f970f8b7a0c65158aa78', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'b400292cb4bb72e1cc7f4208aa511436376c5ddd' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '79b4d0a2a60b67c07d95a86450bd301bb33fba75', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '560291aa38a03bd4796da45bf2749d5c42849c3c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc61e32815519aaa26ee5b15f84eef2fc1c88aa7' }, "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: '74a35af664040fbb22e683ef07561b2f3b720255', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '331cbcb336c72b403cfc6d466349f1e94273948b' }, "1")), h("gb-pagination-button-group-base", { key: '49ad99a8f10a6d027a49f84229958080ee1cafca', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '78450fe880c5886d1f96bc46c789c241773f234c' }, "2")), h("gb-pagination-button-group-base", { key: '4c1beb6eb07651a22fa41bea34b3a23a765594e1', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c6be17e367b64b70f929971d3617eb52de7be2c6' }, "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: '4980429e70698829dee5d61911c1a25a8ec405e1', icon: "false" }, h("p", { key: '38a924d795ed438bd5d219a13c0a3771ef0e156b' }, "...")), 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: 'a1428d789b765e6430543f84c6b8cbaa9f88aab6', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'ff1aedeb9b905e230a19331cb204e653f5c7ac7e' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '72bc80175091d9efd336c7db2fe404ee24c3cd03', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'af78c2356e67a04f1069e8dc0345865acbd3025a' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'a917ef766896c81a93c83aac6eafe44eaa0d089e', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '163f919261b4c223a2fd958790b1e05c67adf259' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'aaad7a73256a661fc36041f98008358f6636b713', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'fccb9d9a8f1aaf34de82ef96e01720623dcea13f' }, "Next"))), h("div", { key: 'b2fa447809a9e13b722f78bcef4fffc63144484f', class: "pagination_entries" }, h("div", { key: '7aa0a4a8443b9af61875e9d2204842c3429a4780', class: "entries_text" }, h("p", { key: 'b8ce97de656d8503179ec62296dcb2d8298d60aa', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a76b87bef1eb7317a3132f4742aa6d86513b99b4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '524171bd378fcf3db90bf66a42ad2d6434e39fe8', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9aa23f07ca9d7f93c2260f01e5f9ef09328820bf', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '024f98e962e8c1880df24c2c7532117d90fdb0ef', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '22b2e1552b1f24eb9abcc59aacc49c91d2764dbc' }, "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: '93329c070fb35ae68c208e30d70f7ec84603a2ef', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '8346728027b7f0eca676ee6ef2d3f38a6c88aeb8' }, "1")), h("gb-pagination-button-group-base", { key: '45d610708ec5fd7ebda0ce6ee979a2fea113f9a9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'ef965806843b74e814cc9ed8d2bacee3ad58aa85' }, "2")), h("gb-pagination-button-group-base", { key: 'c45384157da7dbb76baee515424aa0fff48ca4ff', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'c138fe86f036dc410044f92fb73a58ace53320da' }, "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: '463c0448f17503c75a66b59d6f32268fc3b85f62', icon: "false" }, h("p", { key: 'f4ad02f73a56d1d2920840857c5c23ea46e5e99f' }, "...")), 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: 'd2537fe14cbaf6fa66a5430e2541042ce05c6c49', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '12f651bd9d5fe6115cf41de69a0a024f86e14c01' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'a6f1cf2586276c1d49b4cde60f6fba73b885c62a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'feff3011aec5d784cd36b88999f0f8a01fb5539e' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '9e94700e890e54fb739d66812411ab6787ab2134', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'c25dba8184dc1514476b11a9a78ff914c0a1844b' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '15756ac0c769fbec9eb01adf23cf44efcf579a43', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'df080fa9b2a8b6619ae6d0272393ce178fef1d89' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: 'bd15e32e0f72ded5747d3d037d6df4f83a965048', 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: 'bb7f55502c7f75b8d873cd27ab6edb8dfcb48269', class: "page_number_text" }, h("p", { key: '748f5ce3351a462be8895cac720eaae126c269d2', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5ef16078ff11b31544484b129b6833d710039e49', 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: '4b33c9d243f76d804f26b3cc46745ebfc5edd2fe', 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: 'a4e0d2ec67ed3ea02b7fff9de88cdfef57162faa', class: "page_number_text" }, h("p", { key: '69bbd755479f7802da76ab23c237f2350fc6c879', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0fe4d4a55a34776e8fbfb4f67514a3ca8fbaafe7', 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("div", { key: '71e56e143a31fb8848b6c2b3938140d90dcbede8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'c46285da019e6a0341b06e21fbb8e8a4a328623a', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: 'b2de0830cd3a11c67ccd0e674bdc77e60040f838', class: "card_default_buttons" }, h("gb-button", { key: 'e378298dfb582cc17bfe3e03681bd2ddaa4aa3be', 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: 'c7daf6ab1a8e9c9a61a130846229a0bbee1f71d7', class: "page_number_text" }, h("p", { key: 'f304a76c3bb8c2ccb3cab9aa14b14cc832cf275e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'b2fc2ea7ea73263c9c1c466ac3c1cf92b3151054', 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: '307f8965b0e9e976e9835a9bba8c7a79a7a6600d', 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: '34be3fde5ab1078a4ff911f1a1e148059c585031', class: "page_number_text" }, h("p", { key: 'c73c7abeb5ef2592d38591b3f84a6eced724f5ee', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '5d3b9a59b61a62fe56dc427802aa3d29f2e1110d', 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: '81db95fbb1de3cd68cf973826bdf7ccb7b430782', 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: '772a336175fd09692cb1d2e264217e8f96d28eb8', class: "page_number_text" }, h("p", { key: '7639e086ad8e4e2c543fea983c38d8836eae4061', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '4ff1e6e77da4c6f190659419b248283f0c7fe025', 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: '621334d95e8b6982f3e2a68c2f38c417985551aa', 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: '7109af584740d3dcba4a2a95fd774a90ff23ceb2', class: "page_number_text" }, h("p", { key: 'bb35e1528df279c7c4875bfd95dfa56946fa1e60', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '0ee8f2b1edfab02636a233d9753b22b5bc502da4', 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: '3e420cee387faebfdb1962e8347caa544bf8a3bb', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '7eb2dc9927d0553e06faaf363e587d4ee3455145', 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: '6f818ff7180692f14aba254a9745bce38b0e985d', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '65f60d119c16f46cd0ff305a38aa2e36b08ac2e2' }, "1")), h("gb-pagination-button-group-base", { key: '9c27122932d4639c753a39b3aa7b7c5ded831980', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '4134a763ada0b1e9b2deff538b87a14f36470eda' }, "2")), h("gb-pagination-button-group-base", { key: 'bdd41f201676b96b54faa5a63697e713409e8e63', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e360675f6fc0dba72a8253dfc38d0c4f1aee64c7' }, "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: '97f5ade0fc23b987877d4e9da7b2d69e9922e54e', icon: "false" }, h("p", { key: '37a815f80f097b068f8c2bd9fbec6bc5c8fa1575' }, "...")), 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: 'a722b49681d8dfaea36c79fb4012dff42848e156', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'b56ceac6d227698a5acee996df9d851dc3f051f5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '5ae482768149c71db8116e4270e0b2aace38b28a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '688ef76a4d2b73e26de751d9bfc8295132b09a83' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '0bda9c40a02e7b3d6044aae40609242c09ba84f5', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '099bef8379324b3fec2c4aa5deb845889279b705' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'f04558d948c1f825bc43748471b7cdaec41bc7c8', 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: '4cdc6f33d16c5da223ae0dbfccd64b45572725e8', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '9a5ae324280eec9e036835e7244a10fd09725738', 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: '25b1ff661da5b24af5ef08888df30ced6e0d41ff', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '60de775f7b26d2128a51a040211b706883ec294b' }, "1")), h("gb-pagination-button-group-base", { key: '31685977eee3555d30646eb724b2204d36fd61f0', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '8ef52e838fbf5ea22c50586d6c94caba60b6653a' }, "2")), h("gb-pagination-button-group-base", { key: '90eec3ded0db6b3d8c61d3a0cd2ae265fff0970c', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '465b61755f64c2abb654d91bb837c5a8d5a3b512' }, "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: '4374aa68fd06f75ba97b2c9bd9612a75ca3cb13b', icon: "false" }, h("p", { key: '985d778ecb2f7ae35df3dfd7207948b4f642e24e' }, "...")), 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: '3496d002835fff92b2b84a4225a730c50e563739', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '78f1951bd2865fa29642fdd50193ac68d83f3dc8' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '7b6fe8c0fd89fe778925a6c0c784741977275261', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '086768eb40f7f44ba1c92baabb310a900925f2c9' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '97212ddbf2c1ad956c971187a8ea3c6c243286a2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '1502b3510743a0fb07c7ed89abcb62b58c822452' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '7f962543b4035c99c004739b0becb6cc86d6cb29', 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: '2d7f31f0cb83cf3e1bffc828d09e3889d98d304a', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b306116b961b0f926c1675ca4e20e386e5a5238f', 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: 'eddd9f65b67a9aa381777afbe836c7d753d25394', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '6dcc4126713220d67f67f27781c121d38ea1d773' }, "1")), h("gb-pagination-button-group-base", { key: '03cf498de85d62f269aab1706b07a6935f8e6ff9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'de59e1753fa86c4812492cfc5fa8668aafeab686' }, "2")), h("gb-pagination-button-group-base", { key: '2582618dabd6ae36897da466d0dffe8cc36b38fb', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'd0d79451d2a893f17a664fdf7d79a11951652981' }, "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: '9baef14d815b6df7e98e0ad77409e698b5526f49', icon: "false" }, h("p", { key: 'a615952c5981fc65584c3d242719eee5aa4d865f' }, "...")), 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: '06e24630d03d6458aef9f54b704e0f00c5f55c5b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'da978c06156cb61a14e7c83a1597e4f832c4069b' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'c50f43204e0e5af0b4957e14b0cb061df2bf802b', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '543c51854aaf25edd65b8ffd120d5f5a147c3ffa' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '1b3b5212b58117b5555a638bed1a04aba433b078', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'fd2ebcdb4dfe18b74f236941778c8e36c1463b29' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '84a6fd74f0c5312e0f227e4488cc783ac92e018d', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (h("div", { key: 'ec9802fce65708a09de886225d67771e312b67e1', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'f664f13be5c02c08d023931ca3ed82cdb71f3842', 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: '654b076145cb05c0f7e7af45db189f50f9ef3060' }, "Previous")), h("div", { key: '201e62b925123ea6e81f03aded57086063977043', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '0e13abe344071db93d55cb337872ad1d1186c3b9', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: 'afb5c7a49c6f0d6274656aa73240ef5df2aa8f0a', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '59c47fbfc37f855cdae38060a74588959e58a012', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'f2461bdcb520f765d2194288a43a534443537550', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '560f390b38192a47d176b1688332ae828d8d1506', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: 'fb14840854daa6579b3565915294e721d386e381', 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: '7e8a68dd75cb92dbf895014cb1f3452f7995eb12', shape: this.shape }, h("p", { key: '39b2babecd17cbe65161b7f58b5a6caee5c4038b', 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: '004ce7e1cb663d748d18e49ace94b78ffb8c5701', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '243aa489920b0063b42861374f6dbdffc352afd1', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: 'ae608ac1ce6dfaa37ee7d93cf6b0a525f61f5c04', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '9ecb723fe7b76af404253bb426001145a84e3ed6', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'ab8d802a09f664d308141b1ccdd0ec1418f4dbba', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '5f9cf0c82ca3edcdf0bfc8259bb37b73cc0d3ae1', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '07fb73488c33131e2bb621bddbd619c093162f0f', 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: '05c1c40a756f96aaf571ac375568ffd7e3f8ed4e' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '5de8ac7f114209ef940a2d195e6220a0168a43c9', 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: '0a96f0522cc3fa9462a4e6e8378220a74ce3cf62' }, "Previous")), h("div", { key: 'f0aafadaf1a873add1f80bb759abb6246072f835', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (h(Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '389eae72e16287eac50f900e89eb50564d810836', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '3c0ac6684d78f0b6e276b4ae54007f6c4d501463', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'abb46aeaaf9fdcf212c7c0d08c510708647eebb5', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: 'a5da7b3cb6142e36e007844beef838528e79eb52', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '9de6e0d294a189667bc86545678611a5c990ba28', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1ec0d9a23c9a3cca63157ce935ace6ac4fe50411', 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: '2a1af0bebf8c1e35aa8eaa5ccbedbd756b5b4693', shape: this.shape }, h("p", { key: 'f68df4ea8919a832bf2ad96aaea12e651e240a0d', 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: 'a851250340646667696904d90730277374892bdc', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: 'de9c4771603c4ac56f9086cbd74d3674ecfb4af2', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '2c06df23efc3b321d5f9afec801916fab8a70219', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '212bd0c441f33fd0ebd16520946888e36af940e4', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'b130a1827d3bad3e4355a56e11be51ed572cc278', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '3417e22edf912eeefcf9918930cc026a77fc6ffc', slot: "page_number" }, this.internalTotalPages))))), h("gb-button", { key: '455a208b1b136c694ea033a4c34fc6a7e277662c', 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: 'e65f3fed03062917bbdab07734e3556f5a02be5f' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '942056e08e7e3d48b71a120bfadcaf392c3af4cc', class: "pagination_entries" }, h("div", { key: 'e15bd12accd13998fd319fb99e48ec963455e088', class: "entries_text" }, h("p", { key: 'dda5dbef8d66018f1ba6d5acf91725adb9317864', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '8e7c0c2e35c23c1511f9285adc4d1b66554fc1c7', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '0967877e183c1f1f275fdb17ab41ce2394aab123', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: 'fcdccae65d33cb5ad034abd677727cba78e83b71', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (h(Fragment, null, h("gb-pagination-number-base", { key: '26b58894878322e6bdb464d2e84cd04ff9bb7873', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, h("p", { key: '5ac9f52a86f4faa9be2c6aca196d072061183483', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'cebda560303026f7510c1f9a6a02c7ebfe22e62e', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, h("p", { key: '3c99ba7fffb673c1b3044f24e15f375590aa8878', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'c521b0d91369d80881fd2c60faf75ec7aa0bd5d9', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, h("p", { key: '1b8aa34fabb6b5d5b10b92e3dc2941ed79ba70ad', 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: 'fcb86b808ea8a8750c0da7f5d86f49e057f59050', shape: this.shape, state: "default" }, h("p", { key: 'c789e87e3b5bd1ad5241413e2049b946496c1d1b', 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: '348e2fa50abee9043f47ea7ce5cac1ca443f02f1', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, h("p", { key: '5e820664bb30c7f286500bc7408147455e7ece15', slot: "page_number" }, this.internalTotalPages - 2)), h("gb-pagination-number-base", { key: '27d033ac144e590adc433fac2e8523b827868a1c', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, h("p", { key: '59faf8f318a283b0cd36747017f7681f3dc56d13', slot: "page_number" }, this.internalTotalPages - 1)), h("gb-pagination-number-base", { key: 'a0f601abf4a1720c68a5b2d79c44fc7a7e2a069e', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, h("p", { key: '46b9d374ad0d78381e1258a95bcf2763f5cff0e5', slot: "page_number" }, this.internalTotalPages))))), h("div", { key: '6d4edd85bcc4e4badd3ed2b573a054d6ff7a2356', class: "pagination_btns" }, h("gb-button", { key: 'e42897f68a588818686d6441b91ae421f9406327', 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: 'd97775052080c570e884c6f55bbc9a871bb16e5b', 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: '3140a6825fe9123a8f966209eab3c323ae8d2ecc', class: "pagination_entries" }, h("div", { key: 'dcfcb978a776cb0c936f977a747013875c2ba7ec', class: "entries_text" }, h("p", { key: 'f355ae76e055cf715d101d9c3b166eb1e41f801b', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '00ca0af3f7f8f647b611dfae1a51d78c4d4af040', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'cd55d87a80115baaac5da7ef1e8cbe389bad075c', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '64e6c02817407b51e3039678d5086ea720d33f21', class: "page_number_text" }, h("p", { key: 'eeb9a326f4512355b3cfe6b7bc2d0d837b6cfddd', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: 'c5e31355a2388d69b3782f0c2ca825d29d24da27', class: "pagination_btns" }, h("gb-button", { key: '017f0bcb524c47dc19b9a4a3518a3f45ba48d914', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'f05f9ce57cbf448a5a73495259f692ff2dca8199' }, "Previous")), h("gb-button", { key: 'c06bc6a63729795d16110de4e8a53f46496b65dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ed4e8d159cc75bdcc7c01652cd585267a271a1dc' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '930f0505a756a2f05f798899756f81f661218d2c', class: "pagination_btns" }, h("gb-button", { key: '343489d22493f5762b45da2b23467164efa8b6d5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '920ccf376f81d6f88571297c3af38dd860ffeaac' }, "Previous")), h("gb-button", { key: 'a67718224c472611fc436aaec4116ac4e55af43b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '59229554f7489a61c457c4ff79a8b2847864c6d0' }, "Next"))), h("div", { key: 'd080dfad57b50fdad811eb244ad9cde109f556c8', class: "page_number_text" }, h("p", { key: '0ebede0783ba5d2b8a00eca449b3fe2b8d94d6cf', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("div", { key: '229034c4cb35a63cd31938f4ec06fc6ac5b1da10', class: "pagination_entries" }, h("div", { key: '8bd602d1ce2f590ad88bbf056fe3405626bb9043', class: "entries_text" }, h("p", { key: '09d43ab574f5da58be7dc0dcc2d1aae3164cea3f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '14724a1381946fd5d55f5baac4f803d119316ac8', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '62f8e3233c41404db662d5c0ec48a6dfff98339f', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '7bd917a1a16243189f0b518969d1c615008ad3e0', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e40d93cc94faed91733046181e5ab39968ea7aab' }, "Previous")), h("div", { key: 'b63675a6463567bb134b79daceaa78b39fc38d12', class: "page_number_text" }, h("p", { key: '3e88846f13d3d8f683e47b982b576ec356976c81', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '72167ed4ffd5ba2bb8548949628afb72e32a4793', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '200d5f308582b46aae9a6b9c56633ce818866dfe' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b626828cdef2a08e4b1c08c42bc796576452059e', class: "pagination_entries" }, h("div", { key: '2734de81c76c503f6670ccb3b40c4a7a7862869f', class: "entries_text" }, h("p", { key: '615e9afb51a47805ac151749c4125bfc3acb4ba5', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '7e5eb4afd1432c8252cde02e0e5b2db977ac8af4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '8daa340e14e961c47794ad87788a1dcc65559c49', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), h("div", { key: '24394017c22c597afca3e08fc07b07e33e2bdc85', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'feb84e7c86bd61187268ed96cf91e755f6551c2d', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'cc07e305b9905f0120cf81407fd34c21f9f28a6c' }, "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: '41b558e988ca280c185571c0eac1256b5853669c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '421bd948b692d5f234176eb40ddd3b19667867ca' }, "1")), h("gb-pagination-button-group-base", { key: '6e0cc000803593d5a1ee94378801716bc7e9e97a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '026e1728a25499634d2baebc47cc0c4c9e93cc6f' }, "2")), h("gb-pagination-button-group-base", { key: '7eee628c67d3272d1fb8edb90955300059cffb01', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e6ca140e1b802b4b60dda990828fc645844ec49b' }, "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: '66eeafb8e2c5f8d7059c05af5272df3a584d8735', icon: "false" }, h("p", { key: '6a984f029a465c42854adacbaf482e14e112915a' }, "...")), 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: 'cdcdacfedfc6e1ec1eda79f115d121aa2b52d46a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'cfe70cd255757da9f40e4ee8f1b8dfeff2b0ccc9' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '6c20b03625cfa8a037f40437c67bda2d855facc9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '53e530a4331fc5a9b6a9726f62d89b02ac43a96f' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '837669c2b4c639943e91c134d025ee21a29a2aaa', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '28ac2dd049090e0c00f6fc8926aafb961269a49c' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '9200ae17ef09e5f050b4faf30a24aeba9d6532c1', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '642aadfeda8c9646d909696ef9e27dec1bd5bbab' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '06666e3ec9b8209a498b6611931af4ebb2d3fff3', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '69c159338ae77e59095a3cbd8bc363d23243e60c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '738ea4694e81466326eb147a5e9718b6c54dae07' }, "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: 'b7050e777b47c5b641bcc8ec0cab25548348bf47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'e25406deb4ce27e67420c6aaa9189e9702c5b9a1' }, "1")), h("gb-pagination-button-group-base", { key: 'fe1501e5524895eb32f48a20d3a78731fdc776a8', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: 'a221bcef9a5b09876dc47f23addc920d383014e9' }, "2")), h("gb-pagination-button-group-base", { key: 'be9289b66184f3c57cee3003238da2dcb7f19dd0', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '4230f304925f03bf99470865c8cb936ad2e29f70' }, "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: '471f5f75e089fef075d767f73cb8d30f502d1094', icon: "false" }, h("p", { key: 'fde808aba4c174e52833dfed3b8dfd52b9acfa6c' }, "...")), 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: 'f705f58bc2723acfccd566c04d5c9fd0289052c8', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '9dfdbc6826a1fb7ab2e19485a687a2da218aea82' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '1d904963a2e33b7aa55cd3f4566ac1f8c0d4b5f0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'd823fced18e12e44039c3b6b95b1d9537e1156d3' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '617442dc8258933fdbb9d1da9941d0ed6564ba16', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f4de8d7afc881f21fd4fc92dd66e5e2f663376e2' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '8f0bf41e0282523f73a8a7ed1d9858437ce53315', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '9e9a148ba9e6e841e0a0c22adb8c6d55a2a74e43' }, "Next"))), h("div", { key: '2f6dfa5370b0a1ca71da8f44ba2579a1ea3f7bc3', class: "pagination_entries" }, h("div", { key: '2b542144914f2f3ec5610519c30f0efff0b20708', class: "entries_text" }, h("p", { key: '746142ea31173a1a494a55e48379319b23380c24', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '71b1abc74e6d6e51ecff9e7cb7bbc929769230ee', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '471cde6ca92fa32f35a9eac3d57320dd9de8ee1f', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '21d0a92db643d369de558f9849d958ffeda8c8e5', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '61fcf86a9c2982dcfcf9847312a6387faedea8ea', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '34f21e3ef1f5eb2411c6cba32a73cb0a07dfad89' }, "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: 'dbc151e55441cf73463f4d445503f800f00f6955', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'a4e13894d995c78b9439dd802b0ebccf236b5bfe' }, "1")), h("gb-pagination-button-group-base", { key: 'a17269a2b5e7028bdeb92b81abced8c3f1b3d064', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '348886e65c67216562d4cae264d90a89bc038e9c' }, "2")), h("gb-pagination-button-group-base", { key: 'b04ec78c1869668b97ce5093c78eeda950e3f422', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '807bea452f283f9a72ffc6d6111fe3f7a12a0647' }, "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: 'b9d995272d94b245f41a9684945f34c4754d121c', icon: "false" }, h("p", { key: 'f9a33c07689df70aafc903c914e33d06d3fdfddd' }, "...")), 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: '97d8540c423b4f6044c6282ca3beccd93ea9128b', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: 'fd2951914a278635f83c8146037cd71d7b9581ee' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '8c73a4c8800c996656e04f3268094b8d31ede7d8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '63214221ebfe51ad156a9dd793643734a4381393' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '062494a7a90afa1a4faae28b9e014c94ca42f435', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '872d1abb04bd3f7b98cb1b336095dc56a1698283' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '1e6ac710d179457a99d16ad4ba8971f3401883ce', icon: "trailing", onClick: () => this.onNextButtonClicked() }, h("p", { key: '27cf41d7f1faf9a4eb407fd3fc570472e1b9b9ac' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '32df9794cb607ec5b9eacea6b9c4ad86839f0bc5', 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: '7fa3b92d2ec9b480e9ad8f469bd8d93acd7ad259', class: "page_number_text" }, h("p", { key: 'adc0a07f998da8bd1a1d31b3e1e192fb23cf36a9', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '107058f0581c620cda06454d754b2d0509989b37', 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: '62927ca0cf75223ebea706276753ba1e690b2545', 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: '662ac05512be9cc0a84b0b2f699a3ca442786130', class: "page_number_text" }, h("p", { key: '49f6f7c0f460f5a1432c2f5a645a4cd6491b7545', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '7e88e4314a2e405a6d985c2e1a75192e02530a48', 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("div", { key: '0500aa810d7af3810669211c26107ea322919a06', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '45d7a2a473102105d44df7b87e730f43af65a339', 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": this.entriesDropdownMenuPosition, onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected })), h("div", { key: 'c642810190408dde580722f6e584809562c4ae63', class: "card_default_buttons" }, h("gb-button", { key: '6c30ea83ede78a2d2e141a3d413ca1b669fca42b', 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: 'a489cf1a4e8dd7468cd9cf8d8d68892f46ed4ed8', class: "page_number_text" }, h("p", { key: '136fcda7d397ee9be8fd3850567fae64ba517fc3', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: 'd93cb7966190ccfb6b398f220d52364a22acc898', 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: '638a5e9ad6313809f276b3abc12fa4df3cfadd12', 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: '5aed2e0e70d692b161b07f42160539384d3b6f6f', class: "page_number_text" }, h("p", { key: '04b293eab1f2e70450cd43ad8a7e4a086d675bff', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '80fe6f0dafc2b72a70ac3ac6eaf0b22a15ec4d7e', 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: '4492905d67bff554beeae49b8537fb6f00caaa64', 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: '3ca115affcc59ffe0d8d9e6b747314f57e12edd4', class: "page_number_text" }, h("p", { key: 'da82f8697fb6bb100a60fc34390a465c52cc5539', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '458873e40b98e5d949cddb268a5c2ebb94fd5bf5', 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: 'ce159bc083f951369c5dcffa0389455b4ab82414', 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: '1b70512a76d91fc0ec706e3972f0a03865f57724', class: "page_number_text" }, h("p", { key: '435723b14846935f6e1fff68dfe6e2d3e43c9a77', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), h("gb-button", { key: '81c6057186629c3efbd9d3cf697c13e55473acb9', 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: '1b454768105e0a6872c472cf2cb09184cf77b80e', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '01a14c01761438025007ea3c3281b4ce25ee2d47', 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: '1e242de0d079a8879b559e88ff61e6c4ca086b90', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '857d6aa2d34a315f31a183aeb16384ab154e0802' }, "1")), h("gb-pagination-button-group-base", { key: '886816b23426426e76faabeaaf85869ccb63ac7e', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '6dde8a935e0b6c73b3788e87b85483928973a9db' }, "2")), h("gb-pagination-button-group-base", { key: '9e0867ce8de8cf7ba51d3d24bf1c94d913f800e9', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'bbee846fd98f64dc61f517c17718f0af60252833' }, "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: '21f6105b782ce99cde2b2b82a3564bda012dfb8f', icon: "false" }, h("p", { key: '6746988bea908e933a12bd12e598e157aac8253b' }, "...")), 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: 'fbc328334206bed88e3e0ff9cb82de81c80a5d40', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '01d8ca99e3138a1d7aa8fb5c705c2102cad60c13' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: '816e08a7bcf81a5cfe24b828b9420e759c571a9f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '17ea6810ee9421ffc05a4d86d8fa5c559ef9bf6d' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: 'e35525b438c810a21cec255201dbe88a8d94a6d3', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: '9a041a0fed74f9db2680eeecf92decc2e5f14bfe' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: 'c5ed1501325861126572a9abad29432e19210489', 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: '96c3f36ed30f72aff68a4d875ccc2b2c48e582fe', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: '44b2140548d23efba3b794fcdb064a1998510d95', 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: '92e1db7f7db88be06ed2e5016626732f3cc0ad2f', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '278b35c8e064f2ccae6c8525b247bb4824f5379a' }, "1")), h("gb-pagination-button-group-base", { key: 'c3cfe3dce47d8f5461c0eb9e0fd960bfa3595fde', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '854bfc41db44b01d10e902d731e9f45bb5e4acf8' }, "2")), h("gb-pagination-button-group-base", { key: 'e8db9921e886199b2774d5702fd88a7d4c05bc4d', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'b16d1eae786f1e4e937e6cf7a506a759fcea3272' }, "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: 'ad010e08c859e2b75c7700980025ff50a50eae52', icon: "false" }, h("p", { key: 'e9dfe63eddb7eb35136e3a3fda8155a64f04593d' }, "...")), 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: '5f7102d3bb0309df6b0f0b514668c94a06af9767', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '50e91fedf50aed6d4aa232b02235c26d36f2c44a' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'b3314563da64dd91b6c0dd03974cb94e9ecf4e17', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: 'cad0eb6e1151560e823c73d7a244427eebe1652b' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '99de9043881f89e92aaeab27a5442e8f15f460c2', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'd80ae8f28cdb928ca90f964ac855676671f23bec' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '2a2bbb1da49c9f004f9d77fd3443f67e207bcb2d', 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: 'e16f09151afed5a45855eb5b1099863f2c328d33', class: "pagination_button_group" }, h("gb-pagination-button-group-base", { key: 'b04d4106348916b0ace565c80f0c4b06f19b7a7d', 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: '176e5449f1c9b0e40861f1e206dcfdc8b168522c', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: '7c6f73cc6e99a680a525b5eb38802345427657f2' }, "1")), h("gb-pagination-button-group-base", { key: 'a727f54a01a7a3db18d5c54ceed19d364cc6bcd7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '5ffe350a298c2c1b93b6cb10b60e9c7620ff5ff9' }, "2")), h("gb-pagination-button-group-base", { key: '0cb098f1a277e9cc86618b17bb7df1bb39bea816', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: '7efafbe4ce50057bddc34e47a489d578740b6b49' }, "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: 'd90b1a95a27881e97df02446593757e999c06307', icon: "false" }, h("p", { key: 'cf618b2c0c2806af6353bab2bc06faeba6538908' }, "...")), 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: 'f8f554716044631543ec0dca20f92fd194bb6579', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, h("p", { key: '74b3c4573168350a73828e96647dd2259801daf5' }, this.internalTotalPages - 2)), h("gb-pagination-button-group-base", { key: 'ae8d9dbecd232ff954d3228839a0bb88d0d5cc9c', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, h("p", { key: '9f8a2f3f9ca2e7b18175a42b079f3102e64e9682' }, this.internalTotalPages - 1)), h("gb-pagination-button-group-base", { key: '8512fb0d426eca5431bac38398b9bd9c57056f2b', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, h("p", { key: 'f3a4c3aac7f4da68d4a5fdcac3beb3a69b82c05d' }, this.internalTotalPages)))), h("gb-pagination-button-group-base", { key: '246dc7d071c9aea3eb3fc580d3c37284d8bc724b', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]
@@ -250,6 +250,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbPagination as G, defineCustomElement as d };
-//# sourceMappingURL=p-Bh5U9ghh.js.map
+//# sourceMappingURL=p-BHhON5Dd.js.map
-//# sourceMappingURL=p-Bh5U9ghh.js.map
+//# sourceMappingURL=p-BHhON5Dd.js.map