globuswebcomponents 1.1.1 → 1.1.2

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 (142) hide show
  1. package/dist/cjs/{gb-avatar_20.cjs.entry.js → gb-avatar_21.cjs.entry.js} +303 -58
  2. package/dist/cjs/gb-avatar_21.cjs.entry.js.map +1 -0
  3. package/dist/cjs/{gb-textarea-input-field.cjs.entry.js → gb-mega-input-field-base.cjs.entry.js} +20 -196
  4. package/dist/cjs/gb-mega-input-field-base.cjs.entry.js.map +1 -0
  5. package/dist/cjs/gb-slider.cjs.entry.js +2 -1
  6. package/dist/cjs/gb-slider.cjs.entry.js.map +1 -1
  7. package/dist/cjs/gb-token-field-compact.cjs.entry.js +28 -0
  8. package/dist/cjs/gb-token-field-compact.cjs.entry.js.map +1 -0
  9. package/dist/cjs/{gb-pagination-button-group-base_2.cjs.entry.js → gb-token-field-compressed.cjs.entry.js} +17 -57
  10. package/dist/cjs/gb-token-field-compressed.cjs.entry.js.map +1 -0
  11. package/dist/cjs/globuscomponents.cjs.js +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/collection/collection-manifest.json +3 -3
  14. package/dist/collection/components/{gb-megainput-field-base/gb-megainput-field.js → gb-mega-input-field-base/gb-mega-input-field-base.js} +8 -8
  15. package/dist/collection/components/gb-mega-input-field-base/gb-mega-input-field-base.js.map +1 -0
  16. package/dist/collection/components/gb-pagination/gb-pagination.js +17 -12
  17. package/dist/collection/components/gb-pagination/gb-pagination.js.map +1 -1
  18. package/dist/collection/components/gb-slider/gb-slider.js +2 -1
  19. package/dist/collection/components/gb-slider/gb-slider.js.map +1 -1
  20. package/dist/collection/components/{gb-token-field/gb-token-field.js → gb-token-field-compact/gb-token-field-compact.js} +6 -6
  21. package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js.map +1 -0
  22. package/dist/collection/components/{gb-verification-code-field/gb-verification-code-field.js → gb-token-field-compressed/gb-token-field-compressed.js} +7 -7
  23. package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js.map +1 -0
  24. package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
  25. package/dist/components/gb-avatar-add-button.js +1 -1
  26. package/dist/components/gb-avatar-group.js +2 -2
  27. package/dist/components/gb-collapse-button.js +1 -1
  28. package/dist/components/gb-complex-primary-side-bar-item.js +1 -1
  29. package/dist/components/gb-complex-secondary-side-bar-item.js +1 -1
  30. package/dist/components/gb-file-upload-item-base.js +1 -1
  31. package/dist/components/gb-file-upload.js +3 -3
  32. package/dist/components/gb-help-tooltip.js +1 -1
  33. package/dist/components/gb-input-dropdown.js +1 -1
  34. package/dist/components/gb-input-field.js +1 -1
  35. package/dist/components/gb-mega-input-field-base.d.ts +11 -0
  36. package/dist/components/gb-mega-input-field-base.js +8 -0
  37. package/dist/components/gb-mega-input-field-base.js.map +1 -0
  38. package/dist/components/gb-pagination.js +18 -13
  39. package/dist/components/gb-pagination.js.map +1 -1
  40. package/dist/components/gb-progress-bar.js +1 -1
  41. package/dist/components/gb-sidebar.js +5 -5
  42. package/dist/components/gb-simple-side-bar-item.js +1 -1
  43. package/dist/components/gb-slider-control-handle.js +1 -1
  44. package/dist/components/gb-slider.js +4 -3
  45. package/dist/components/gb-slider.js.map +1 -1
  46. package/dist/components/{gb-megainput-field.d.ts → gb-token-field-compact.d.ts} +4 -4
  47. package/dist/components/gb-token-field-compact.js +56 -0
  48. package/dist/components/gb-token-field-compact.js.map +1 -0
  49. package/dist/components/gb-token-field-compressed.d.ts +11 -0
  50. package/dist/components/gb-token-field-compressed.js +60 -0
  51. package/dist/components/gb-token-field-compressed.js.map +1 -0
  52. package/dist/components/gb-tooltip.js +1 -1
  53. package/dist/components/p-042bf4b6.js +58 -0
  54. package/dist/components/{p-e5dd6c7d.js.map → p-042bf4b6.js.map} +1 -1
  55. package/dist/components/{p-279889b1.js → p-0e0aeeea.js} +4 -4
  56. package/dist/components/{p-279889b1.js.map → p-0e0aeeea.js.map} +1 -1
  57. package/dist/components/{p-5af36f2c.js → p-1601548c.js} +2 -2
  58. package/dist/components/{p-5af36f2c.js.map → p-1601548c.js.map} +1 -1
  59. package/dist/components/{p-637ca96f.js → p-48308048.js} +2 -2
  60. package/dist/components/{p-637ca96f.js.map → p-48308048.js.map} +1 -1
  61. package/dist/components/{p-b3bb7571.js → p-5075b910.js} +2 -2
  62. package/dist/components/{p-b3bb7571.js.map → p-5075b910.js.map} +1 -1
  63. package/dist/components/{p-026144e6.js → p-52ec14c7.js} +3 -3
  64. package/dist/components/{p-026144e6.js.map → p-52ec14c7.js.map} +1 -1
  65. package/dist/components/{p-70bbf877.js → p-690bdd0a.js} +2 -2
  66. package/dist/components/{p-70bbf877.js.map → p-690bdd0a.js.map} +1 -1
  67. package/dist/components/{p-8f876fd9.js → p-6bb11c3f.js} +2 -2
  68. package/dist/components/{p-8f876fd9.js.map → p-6bb11c3f.js.map} +1 -1
  69. package/dist/components/{p-46f8e60a.js → p-6d8df327.js} +2 -2
  70. package/dist/components/{p-46f8e60a.js.map → p-6d8df327.js.map} +1 -1
  71. package/dist/components/{p-52cc93fe.js → p-7ad758be.js} +3 -3
  72. package/dist/components/{p-52cc93fe.js.map → p-7ad758be.js.map} +1 -1
  73. package/dist/components/{p-f99a8c69.js → p-7f8b6821.js} +2 -2
  74. package/dist/components/{p-f99a8c69.js.map → p-7f8b6821.js.map} +1 -1
  75. package/dist/components/{p-26d4c568.js → p-b5e0cfc2.js} +2 -2
  76. package/dist/components/{p-26d4c568.js.map → p-b5e0cfc2.js.map} +1 -1
  77. package/dist/components/{p-1d2d60ae.js → p-d82dee00.js} +2 -2
  78. package/dist/components/{p-1d2d60ae.js.map → p-d82dee00.js.map} +1 -1
  79. package/dist/docs.json +174 -174
  80. package/dist/esm/{gb-avatar_20.entry.js → gb-avatar_21.entry.js} +300 -56
  81. package/dist/esm/gb-avatar_21.entry.js.map +1 -0
  82. package/dist/esm/{gb-textarea-input-field.entry.js → gb-mega-input-field-base.entry.js} +21 -197
  83. package/dist/esm/gb-mega-input-field-base.entry.js.map +1 -0
  84. package/dist/esm/gb-slider.entry.js +2 -1
  85. package/dist/esm/gb-slider.entry.js.map +1 -1
  86. package/dist/esm/gb-token-field-compact.entry.js +24 -0
  87. package/dist/esm/gb-token-field-compact.entry.js.map +1 -0
  88. package/dist/esm/{gb-pagination-button-group-base_2.entry.js → gb-token-field-compressed.entry.js} +18 -57
  89. package/dist/esm/gb-token-field-compressed.entry.js.map +1 -0
  90. package/dist/esm/globuscomponents.js +1 -1
  91. package/dist/esm/loader.js +1 -1
  92. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  93. package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
  94. package/dist/globuscomponents/{p-dbb2cc9c.entry.js → p-651e8370.entry.js} +2 -2
  95. package/dist/globuscomponents/p-651e8370.entry.js.map +1 -0
  96. package/dist/globuscomponents/{p-fa7e8127.entry.js → p-702db42d.entry.js} +2 -2
  97. package/dist/globuscomponents/p-702db42d.entry.js.map +1 -0
  98. package/dist/globuscomponents/p-ad0ab2b2.entry.js +2 -0
  99. package/dist/globuscomponents/p-ad0ab2b2.entry.js.map +1 -0
  100. package/dist/globuscomponents/p-d170d1ae.entry.js +2 -0
  101. package/dist/globuscomponents/p-d170d1ae.entry.js.map +1 -0
  102. package/dist/globuscomponents/p-f7770f70.entry.js +2 -0
  103. package/dist/globuscomponents/p-f7770f70.entry.js.map +1 -0
  104. package/dist/types/components/{gb-megainput-field-base/gb-megainput-field.d.ts → gb-mega-input-field-base/gb-mega-input-field-base.d.ts} +1 -1
  105. package/dist/types/components/gb-pagination/gb-pagination.d.ts +5 -1
  106. package/dist/types/components/{gb-token-field/gb-token-field.d.ts → gb-token-field-compact/gb-token-field-compact.d.ts} +1 -1
  107. package/dist/types/components/{gb-verification-code-field/gb-verification-code-field.d.ts → gb-token-field-compressed/gb-token-field-compressed.d.ts} +1 -1
  108. package/dist/types/components.d.ts +41 -41
  109. package/package.json +4 -4
  110. package/dist/cjs/gb-avatar_20.cjs.entry.js.map +0 -1
  111. package/dist/cjs/gb-pagination-button-group-base_2.cjs.entry.js.map +0 -1
  112. package/dist/cjs/gb-pagination.cjs.entry.js +0 -53
  113. package/dist/cjs/gb-pagination.cjs.entry.js.map +0 -1
  114. package/dist/cjs/gb-textarea-input-field.cjs.entry.js.map +0 -1
  115. package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js.map +0 -1
  116. package/dist/collection/components/gb-token-field/gb-token-field.js.map +0 -1
  117. package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js.map +0 -1
  118. package/dist/components/gb-megainput-field.js +0 -8
  119. package/dist/components/gb-megainput-field.js.map +0 -1
  120. package/dist/components/gb-token-field.d.ts +0 -11
  121. package/dist/components/gb-token-field.js +0 -56
  122. package/dist/components/gb-token-field.js.map +0 -1
  123. package/dist/components/gb-verification-code-field.d.ts +0 -11
  124. package/dist/components/gb-verification-code-field.js +0 -60
  125. package/dist/components/gb-verification-code-field.js.map +0 -1
  126. package/dist/components/p-e5dd6c7d.js +0 -58
  127. package/dist/esm/gb-avatar_20.entry.js.map +0 -1
  128. package/dist/esm/gb-pagination-button-group-base_2.entry.js.map +0 -1
  129. package/dist/esm/gb-pagination.entry.js +0 -49
  130. package/dist/esm/gb-pagination.entry.js.map +0 -1
  131. package/dist/esm/gb-textarea-input-field.entry.js.map +0 -1
  132. package/dist/globuscomponents/p-37fcb2a9.entry.js +0 -2
  133. package/dist/globuscomponents/p-37fcb2a9.entry.js.map +0 -1
  134. package/dist/globuscomponents/p-3a3ddb02.entry.js +0 -2
  135. package/dist/globuscomponents/p-3a3ddb02.entry.js.map +0 -1
  136. package/dist/globuscomponents/p-6ea11621.entry.js +0 -2
  137. package/dist/globuscomponents/p-6ea11621.entry.js.map +0 -1
  138. package/dist/globuscomponents/p-dbb2cc9c.entry.js.map +0 -1
  139. package/dist/globuscomponents/p-fa7e8127.entry.js.map +0 -1
  140. /package/dist/collection/components/{gb-megainput-field-base/gb-megainput-field.css → gb-mega-input-field-base/gb-mega-input-field-base.css} +0 -0
  141. /package/dist/collection/components/{gb-token-field/gb-token-field.css → gb-token-field-compact/gb-token-field-compact.css} +0 -0
  142. /package/dist/collection/components/{gb-verification-code-field/gb-verification-code-field.css → gb-token-field-compressed/gb-token-field-compressed.css} +0 -0
package/dist/esm/gb-textarea-input-field.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"gb-textarea-input-field.entry.js","mappings":"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","names":[],"sources":["src/components/gb-textarea-input-field/gb-textarea-input-field.css?tag=gb-textarea-input-field&encapsulation=shadow","src/components/gb-textarea-input-field/gb-textarea-input-field.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.textarea_container{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.input_with_label{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.textarea{\r\n border: 1px solid var(--color-border-input, #CDD5DF);\r\n border-radius: var(--rounded-sm);\r\n padding: 0.75rem 0.875rem;\r\n font-family: var(--font-family-body);\r\n resize: none;\r\n width: 15rem; /* Remove later */\r\n min-height: 7.5rem;\r\n overflow: visible;\r\n}\r\n\r\n.textarea::placeholder{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.results_display {\r\n display: flex;\r\n flex-wrap: wrap;\r\n position: relative;\r\n gap: 0.5rem;\r\n width: 100%;\r\n background-color: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.results_display.disabled{\r\n background: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\n.textarea_tags{\r\n --weight: fit-content;\r\n /* flex-direction: row-reverse; */\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.textarea.tags{\r\n display: flex;\r\n}\r\n\r\n.input_like,\r\n.results_display{\r\n height: fit-content;\r\n}\r\n\r\n.input_like{\r\n border: none;\r\n font-family: var(--font-family-body);\r\n}\r\n\r\n.input_like:focus{\r\n outline: none;\r\n}\r\n\r\n.input_like.disabled{\r\n background: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\n.hidden-span {\r\n visibility: hidden;\r\n position: absolute;\r\n max-width: 100%;\r\n white-space: pre;\r\n}\r\n\r\n/* State Styles */\r\n.textarea:focus-within{\r\n border: 1.3px solid var(--color-border-selected, #075DB2);\r\n outline-color: transparent;\r\n}\r\n\r\n.textarea.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n}\r\n\r\n.textarea.disabled{\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n border: 1px solid var(--color-border-disabled, #E3E8EF);\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.label {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.hint_text{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.hint_text.destructive{\r\n color: var(--color-border-danger, #B51726);\r\n}\r\n\r\n.dropdown_menu{\r\n display: flex;\r\n min-width: 100%;\r\n width: fit-content;\r\n max-height: 15rem;\r\n padding: var(--spacing-none);\r\n flex-direction: column;\r\n align-items: stretch;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: var(--color-surface, #FFFFFF);\r\n box-shadow: var(--shadow-sm);\r\n position: absolute;\r\n z-index: 99999;\r\n gap: var(--spacing-none);\r\n transition: 1s ease-in-out;\r\n overflow-y: auto;\r\n top: 105%;\r\n}","import { Component, Element, Prop, State, h, Fragment, Event, EventEmitter, Listen, Watch } from '@stencil/core';\r\nimport { StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-textarea-input-field',\r\n styleUrl: 'gb-textarea-input-field.css',\r\n shadow: true,\r\n})\r\nexport class GbTextareaInputField {\r\n @Prop() type: 'default' | 'tags';\r\n @Prop({ mutable: true }) state: 'default' | 'filled' | 'active' | 'disabled';\r\n @Prop() destructive: boolean = false;\r\n @Prop() placeholderText: string = '';\r\n @Prop() showLabel: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() showHintText: boolean = false;\r\n @Prop() hintText: string = '';\r\n @Prop({ reflect: true }) idOfInput!: string;\r\n @Prop({ reflect: true }) isReadOnly: boolean = false;\r\n @Prop({ mutable: true }) value: any = [\r\n { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n ];\r\n @Prop() icon: 'country' | 'avatar' | 'dot' | 'false';\r\n @Prop({ mutable: true }) results: any[] = [\r\n { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\r\n { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\r\n { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\r\n { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\r\n { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\r\n 10,\r\n 20,\r\n 30,\r\n 40,\r\n 50,\r\n ];\r\n @Element() el: HTMLElement;\r\n @State() content: string = '';\r\n @State() inputValue: string = '';\r\n @State() selectedStaff: any[] = [];\r\n @State() paddingLeft: string = '1rem';\r\n @State() paddingTop: string = '0rem';\r\n @State() show: boolean = false;\r\n @State() staffInfo: any[] = [];\r\n @State() selectedItems: any[] = [];\r\n @State() unselectedItems: any[] = [];\r\n @Event() textareaValueChanged: EventEmitter<any[]>;\r\n\r\n private textarea!: HTMLTextAreaElement;\r\n inputElement!: HTMLInputElement;\r\n resultsDisplayElement!: HTMLDivElement;\r\n private hiddenSpan: HTMLElement;\r\n private minWidth: number = 10;\r\n\r\n componentDidLoad() {\r\n if (this.type === 'tags') {\r\n document.addEventListener('click', this.handleClickOutside);\r\n }\r\n\r\n this.inputElement.addEventListener('input', this.handleTagInput.bind(this));\r\n\r\n this.updateInputWidth();\r\n }\r\n \r\n componentWillLoad() {\r\n this.updateSelectedItems(this.value);\r\n }\r\n\r\n disconnectedCallback() {\r\n this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));\r\n }\r\n\r\n handleInput() {\r\n this.textarea.style.height = 'auto'; // Reset height to calculate the new height\r\n this.textarea.style.height = `${this.textarea.scrollHeight - 22}px`; // Set the height to the scrollHeight\r\n }\r\n\r\n handleTagInput(event: Event) {\r\n const target = event.target as HTMLInputElement;\r\n this.inputValue = target.value; // Update the value\r\n this.textareaValueChanged.emit(this.selectedItems);\r\n\r\n if (this.inputValue.trim() === '') {\r\n this.show = false;\r\n // this.results = [];\r\n return;\r\n }\r\n\r\n // Simulate API call\r\n setTimeout(() => {\r\n // this.results = this.mockStaffSearch(this.inputValue);\r\n this.show = this.results.length > 0;\r\n }, 1000);\r\n\r\n this.updateInputWidth();\r\n }\r\n\r\n emitInputValue() {\r\n this.textareaValueChanged.emit(this.selectedItems);\r\n }\r\n\r\n handleTagRemove(index: number) {\r\n if (this.value.length > 0) {\r\n this.value = [...this.value.slice(0, index), ...this.value.slice(index + 1)];\r\n this.updateStyles();\r\n this.emitInputValue();\r\n } else {\r\n this.selectedItems = [...this.selectedItems.slice(0, index), ...this.selectedItems.slice(index + 1)];\r\n this.updateStyles();\r\n this.emitInputValue();\r\n }\r\n }\r\n\r\n updateStyles() {\r\n setTimeout(() => {\r\n if (this.resultsDisplayElement) {\r\n const resultsWidth = this.resultsDisplayElement.offsetWidth;\r\n const inputWidth = this.inputElement.offsetWidth;\r\n\r\n this.paddingLeft = this.selectedItems.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\r\n\r\n this.paddingTop = this.selectedItems.length > 2 ? '1rem' : `${inputWidth + 10}px`;\r\n }\r\n });\r\n\r\n if (this.destructive) {\r\n this.destructive = false;\r\n }\r\n this.inputValue = '';\r\n }\r\n\r\n mockStaffSearch(query: string) {\r\n const mockData = this.results;\r\n\r\n return mockData.filter(staff => staff.objectName.toLowerCase().includes(query.toLowerCase()));\r\n }\r\n\r\n selectStaff(staff: any) {\r\n this.selectedStaff = [...this.selectedStaff, staff];\r\n this.inputValue = '';\r\n this.staffInfo = [];\r\n this.updateStyles();\r\n }\r\n\r\n updateInputWidth() {\r\n if (this.hiddenSpan) {\r\n const input = this.el.shadowRoot.querySelector('input') as HTMLInputElement;\r\n\r\n // Update input width based on span's width or use minimum width\r\n const calculatedWidth = Math.max(this.hiddenSpan.offsetWidth + 10, this.minWidth);\r\n input.style.width = `${calculatedWidth}px`;\r\n }\r\n }\r\n\r\n handleWrapperClick() {\r\n this.inputElement.focus(); // Focus the input field\r\n }\r\n\r\n selectDropdownItem(item: any) {\r\n if (this.value.length === 0) {\r\n const isObject = typeof item === 'object';\r\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n if (isSelected) {\r\n // Unselect item: Move it from selectedItems to unselectedItems\r\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n if (!this.unselectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item))) {\r\n this.unselectedItems = [...this.unselectedItems, item];\r\n }\r\n this.textareaValueChanged.emit(this.selectedItems);\r\n } else {\r\n // Select item: Move it from unselectedItems to selectedItems\r\n this.selectedItems = [...this.selectedItems, item];\r\n this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n this.textareaValueChanged.emit(this.selectedItems);\r\n }\r\n } else {\r\n const isObject = typeof item === 'object';\r\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n\r\n if (isSelected) {\r\n this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\r\n console.log(this.value);\r\n this.textareaValueChanged.emit(this.value);\r\n } else {\r\n this.value = [...this.value, item]; // Add item to array\r\n this.textareaValueChanged.emit(this.value);\r\n }\r\n }\r\n\r\n this.updateStyles();\r\n }\r\n\r\n @Watch('value')\r\n updateSelectedItems(newValue: any[]) {\r\n if (Array.isArray(newValue) && newValue.length > 0) {\r\n this.selectedItems = [];\r\n this.unselectedItems = [];\r\n\r\n const objectValues = newValue.filter(val => typeof val === 'object' && val !== null);\r\n const primitiveValues = newValue.filter(val => typeof val !== 'object');\r\n\r\n this.selectedItems = this.results.filter(item =>\r\n typeof item === 'object' && item !== null\r\n ? objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) // Avoid object reference issues\r\n : primitiveValues.includes(item),\r\n );\r\n\r\n this.unselectedItems = this.results.filter(item =>\r\n typeof item === 'object' && item !== null ? !objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) : !primitiveValues.includes(item),\r\n );\r\n } else {\r\n this.selectedItems = [];\r\n this.unselectedItems = [...this.results];\r\n }\r\n }\r\n\r\n isTagItemSelected(item) {\r\n // return this.selectedStaff.some(i => i.name === item.name);\r\n\r\n const isObject = typeof item === 'object';\r\n return this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\r\n }\r\n\r\n @Listen('click', { target: 'document' })\r\n handleClickOutside(event: MouseEvent) {\r\n if (this.show && !this.el.contains(event.target as Node)) {\r\n this.show = false;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"textarea_container\">\r\n <div class=\"input_with_label\">\r\n {this.showLabel && <p class={`label text-sm-medium`}>{this.label}</p>}\r\n {this.type === 'default' && (\r\n <textarea\r\n ref={el => (this.textarea = el as HTMLTextAreaElement)}\r\n onInput={() => this.handleInput()}\r\n class={`textarea ${this.state} ${this.destructive ? 'destructive' : ''}`}\r\n placeholder={this.placeholderText}\r\n ></textarea>\r\n )}\r\n {this.type === 'tags' && (\r\n <div class=\"textarea_tags\">\r\n <div class={`textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`} onClick={() => this.handleWrapperClick()}>\r\n <div class={`results_display ${this.state === 'disabled' ? 'disabled' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\r\n {this.value.length === 0 ? (\r\n <>\r\n {this.selectedItems.map((item, index) => (\r\n <>\r\n {typeof item === 'object' ? (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\r\n <p class=\"text-xs-medium\">{item.objectName.split(' ')[0]}</p>\r\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n {item.objectName\r\n .split(' ')\r\n .map(part => part.charAt(0).toUpperCase())\r\n .join('')}\r\n </h1>\r\n </gb-tag>\r\n </div>\r\n ) : (\r\n <div class=\"added_tag\" key={index}>\r\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\r\n <p class=\"text-xs-medium\">{item}</p>\r\n </gb-tag>\r\n </div>\r\n )}\r\n </>\r\n ))}\r\n </>\r\n ) : (\r\n <>\r\n {this.value.map((val, index) => (\r\n <>\r\n {typeof val === 'object' ? (\r\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\r\n <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\r\n {val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n </h1>\r\n <p>{val.objectName.split(' ')[0]}</p>\r\n </gb-tag>\r\n ) : (\r\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\r\n <p>{val}</p>\r\n </gb-tag>\r\n )}\r\n </>\r\n ))}\r\n </>\r\n )}\r\n <span class=\"hidden-span\" ref={el => (this.hiddenSpan = el as HTMLElement)}>\r\n {this.inputValue || ' '}\r\n </span>\r\n <div class=\"input_field\">\r\n <input\r\n id={this.idOfInput}\r\n class={`input_like text-md-regular ${this.state}`}\r\n type=\"text\"\r\n // placeholder={this.placeholderText}\r\n value={this.inputValue}\r\n readOnly={this.isReadOnly}\r\n ref={el => (this.inputElement = el as HTMLInputElement)}\r\n onBlur={() => this.emitInputValue()}\r\n />\r\n </div>\r\n </div>\r\n {this.destructive && (\r\n <div class=\"help_icon\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path\r\n d=\"M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z\"\r\n stroke=\"#B51726\"\r\n stroke-width=\"1.33333\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </div>\r\n )}\r\n </div>\r\n {this.show && (\r\n <div class={`dropdown_menu`}>\r\n {this.results.map(item => (\r\n <gb-input-dropdown-menu-item\r\n type=\"checkbox\"\r\n supporting-text={true}\r\n state={StateEnum.Default}\r\n onClick={() => this.selectDropdownItem(item)}\r\n selected={this.isTagItemSelected(item)}\r\n >\r\n {typeof item === 'object'\r\n ? [<p slot=\"name\">{item.objectName}</p>, <p slot=\"supporting_text\">{item.objectValue}</p>]\r\n : typeof item !== 'object' && <p slot=\"name\">{item}</p>}\r\n </gb-input-dropdown-menu-item>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n {this.showHintText && <p class={`hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}`}>{this.hintText}</p>}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
package/dist/globuscomponents/p-37fcb2a9.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r,c as n,h as e,F as a}from"./p-bf92be61.js";const t='/* @import \'tailwind.css\'; */\r\n\r\n:root {\r\n /* --------------------------------------Primary Colors--------------------------------------------- */\r\n /* base color palette */\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n\r\n /* gray color palette */\r\n --gray-25: #fcfcfd;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #9aa4b2;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0D121C;\r\n\r\n /* brand dark blue color palette */\r\n --brandDarkBlue-25: #F9F9FB;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n /* brand red color palette */\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n /* warning color palette */\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7A2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n /* success color palette */\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n /* ------------------------------------------opacity color palette-------------------------------------- */\r\n /* 20% opacity */\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n /* 30% opacity */\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n /* 40% opacity */\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n\r\n /* ------------------------------------------Secondary Color------------------------------------------- */\r\n /* blueLight color palete */\r\n --lightBlue-25: #F5FBFF;\r\n --lightBlue-50: #F0F9FF;\r\n --lightBlue-100: #E0F2FE;\r\n --lightBlue-200: #B9E6FE;\r\n --lightBlue-300: #7CD4FD;\r\n --lightBlue-400: #7CD4FD;\r\n --lightBlue-500: #0BA5EC;\r\n --lightBlue-600: #0086C9;\r\n --lightBlue-700: #026AA2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0B4A6F;\r\n --lightBlue-950: #062C41;\r\n \r\n\r\n /* blue color palette */\r\n --blue-25: #ECF5FE;\r\n --blue-50: #E4F0FC;\r\n --blue-100: #C8E0F9;\r\n --blue-200: #9AC7F4;\r\n --blue-300: #6AA9E7;\r\n --blue-400: #378FE6;\r\n --blue-500: #075DB2;\r\n --blue-600: #064E94;\r\n --blue-700: #053E77;\r\n --blue-800: #042F59;\r\n --blue-900: #022445;\r\n --blue-950: #021D37;\r\n\r\n /* Purple color palete */\r\n --purple-25: #FAFAFF;\r\n --purple-50: #F4F3FF;\r\n --purple-100: #EBE9FE;\r\n --purple-200: #D9D6FE;\r\n --purple-300: #BDB4FE;\r\n --purple-400: #9B8AFB;\r\n --purple-500: #7A5AF8;\r\n --purple-600: #6938EF;\r\n --purple-700: #5925DC;\r\n --purple-800: #4A1FB8;\r\n --purple-900: #3E1C96;\r\n --purple-950: #27115F;\r\n\r\n\r\n /* pink color palette */\r\n --pink-25: #FEF6FB;\r\n --pink-50: #FDF2FA;\r\n --pink-100: #FCE7F6;\r\n --pink-200: #FCCEEE;\r\n --pink-300: #FAA7E0;\r\n --pink-400: #F670C7;\r\n --pink-500: #EE46BC;\r\n --pink-600: #DD2590;\r\n --pink-700: #C11574;\r\n --pink-800: #9E165F;\r\n --pink-900: #851651;\r\n --pink-950: #4E0D30;\r\n\r\n\r\n\r\n /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n /* -----------Text Color----------- */\r\n\r\n [data-theme="light"] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n\r\n [data-theme="light"] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-discovery-subtle: var(--blueLight-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-discovery-subtle: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n\r\n /* --------------Link color--------------- */\r\n\r\n\r\n [data-theme="light"] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-link-visited: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-link-visited: var(--blueLight-300);\r\n }\r\n\r\n\r\n /* --------------Icon color--------------- */\r\n\r\n [data-theme="light"] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n \r\n [data-theme="light"] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-disabled: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n /* ----------------Border Color --------------- */\r\n\r\n [data-theme="light"] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-bold: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-bold: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery: var(--blueLight-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery: var(--blueLight-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtle: var(--blueLight-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtle: var(--blueLight-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-discovery-subtler: var(--blueLight-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-discovery-subtler: var(--blueLight-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n\r\n\r\n /* Emmanuel Kadiri starts from background color */\r\n\r\n /* ----------------Background Color --------------- */\r\n\r\n [data-theme="light"] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-gray-subtlest: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtler: var(--success-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-bold: var(--lightBlue-800)\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="light"]{\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-bold: var(--blue-100)\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-them="light"] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n\r\n\r\n /* ----------------Blanket Color --------------- */\r\n [data-theme="light"] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n\r\n\r\n /* ----------------Skeleton Color --------------- */\r\n [data-theme="light"] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n\r\n\r\n /* ----------------Surface Color --------------- */\r\n [data-theme="light"] {\r\n --color-surface-bold: var(--gray-25);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-hovered: var(--gray-100); \r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme="light"] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme="dark"] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root{\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); \r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs{\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm{\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md{\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg{\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl{\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl{\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl{\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm{\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md{\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg{\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl{\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n\r\n/* -----------------Gradients----------------- */\r\n:root{\r\n /* Gray Gradients */\r\n /* --gray-gradient-600: linear-gradient(); */\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n /* Brand Dark Blue Gradients */\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n /* Brand Red Gradients */\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n /* Blue Gradients */\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d{\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d{\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d{\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d{\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d{\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d{\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d{\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d{\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d{\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d{\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d{\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d{\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d{\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d{\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d{\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d{\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d{\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d{\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root{\r\n /* Positive spacing */\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n /* Negative spacing */\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n /* Radius */\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n@import url(\'https://fonts.googleapis.com/css2?family=Sora&display=swap\');\r\n\r\n:root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n /* Font Weights */\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400; \r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem; \r\n --font-line-height-d-xs: 2rem; \r\n --font-line-height-t-xl: 1.875rem;\r\n --font-line-height-t-lg: 1.688rem;\r\n --font-line-height-t-md: 1.5rem;\r\n --font-line-height-t-sm: 1.313rem;\r\n --font-line-height-t-xs: 1.125rem;\r\n --font-line-height-t-xxs: 0.938rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n /* Font Families */\r\n --font-family-title: \'Sora\';\r\n --font-family-body: \'Sora\';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n :root{\r\n /* Font Sizes */\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n /* Line Heights */\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n /* Letter Spacings */\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before{\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after{\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before{\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after{\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before{\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after{\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before{\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after{\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before{\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after{\r\n margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold{\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before{\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after{\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before{\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after{\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before{\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after{\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before{\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after{\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before{\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular{\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after{\r\n content: "";\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before{\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after{\r\n margin-top: -0.416em;\r\n}\r\n\r\n.pagination_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n box-shadow: var(--shadow-xs);\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}';const i=t;const o=class{constructor(e){r(this,e);this.pageSizeSelected=n(this,"pageSizeSelected",7);this.type=undefined;this.shape=undefined;this.breakpoint=undefined;this.currentPage=undefined;this.totalPages=undefined;this.entries=[10,20,50,80,100];this.selectedPageSize=10;this.defaultSelected=undefined}onPreviousButtonClicked(){if(this.currentPage===this.totalPages||this.currentPage>1){this.currentPage=this.currentPage-1}}onNextButtonClicked(){if(this.currentPage===1||this.currentPage<=this.totalPages-1){this.currentPage=this.currentPage+1}}componentWillLoad(){this.defaultSelected=[this.selectedPageSize];this.pageSizeSelected.emit(this.selectedPageSize)}handlePageSizeSelect(r){this.selectedPageSize=r;this.pageSizeSelected.emit(this.selectedPageSize)}render(){return e("div",{key:"6167eafa588a06afe5548807dd5f98a2b768d495",class:`pagination_div ${this.type} ${this.breakpoint}`},this.type==="page_default"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"16f62a295256fbf29aae51717268ceb5ae0119d2",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"5b4e266be761370457846635b8e420bf874074ec"},"Previous")),e("div",{key:"9dd2a67aa1ff86d2cc8f1132cb015a5f5bb1a46d",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"770c9d0773f1e355894c13fefd88561a4d100649",shape:this.shape,state:this.currentPage===1?"active":"default"},e("p",{key:"35c13b724fa154f9425ec0e244cebd889f44161d",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"31660c938b753cff5d1a19644a3363a8a097cd59",shape:this.shape,state:this.currentPage===2?"active":"default"},e("p",{key:"822d47fb0ede45605ba8e44717a83739d036f7df",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"b4083ad2b8ec49eaf0296470064984d7df285a6f",shape:this.shape,state:this.currentPage===3?"active":"default"},e("p",{key:"18889d659b0d1b3b9121a8f9540c2cf1b951fee3",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"8311aedf879ebae9a76ea38e32d378a45084db88",shape:this.shape},e("p",{key:"f9d697b91cc9bc0294a3a147e024143d26a97c00",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"43eba2b38ee2e44759958634792c2fee88f9e016",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default"},e("p",{key:"0a4c5ea15f4bbf76338a92f3633949b04efe49ed",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"4d26b65692e1835f5e77bf0deabbafb833d69acd",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default"},e("p",{key:"af9794b2129fd528ef538e51ac621aaa96a56f58",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"73c550c39aea0a3245a919a999cd05710d0f6852",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default"},e("p",{key:"d9f1ec3f633e5ed8db25907414ea1e964df7c57a",slot:"page_number"},this.totalPages))),e("gb-button",{key:"04f89a926bcf8424147a55d61c3315c35027fb97",size:"sm",hierarchy:"tertiary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"797bc91fa988c744a54ab9f4f45243957333f5c5"},"Next"))),this.type==="page_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"e61f28ac0b86be93fe73ff7c31e7bca5e8448a73",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg"},e("p",{key:"a3df9d4028f8a16b989162578b19f67e027162fc"},"Previous")),e("div",{key:"e361a1fb74e283eed5286a538dc9166054b34f80",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"5978f13a1a7dd28207722053d025dde8e2d2a716",shape:this.shape,state:this.currentPage===1?"active":"default"},e("p",{key:"64590c9d1f42db30ad50a71d06656327198a14ea",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"485135321359bfd28402aaf6f2fd706425ba0496",shape:this.shape,state:this.currentPage===2?"active":"default"},e("p",{key:"cc2007f62bb0ebf10be40019814781bc009754c4",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"c167f629ef0922f6c6d922454186db34d334f79d",shape:this.shape,state:this.currentPage===3?"active":"default"},e("p",{key:"77557b38cb5b3d91c2f6ddd1548810c0115cf866",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"0e8bdfdede30127347b14305228db992c2704bfc",shape:this.shape},e("p",{key:"9b4055a5ee09926dbc3ef1e3839b891a3e4dc784",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"1def118d64886894124c19fb1709bca1e28d90b8",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default"},e("p",{key:"fedea55b3d530771fba68457f034818e0dab0691",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"e62cba8751c7eeb91c3422048a57ba4efb81284a",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default"},e("p",{key:"4b09f2da6505031e5547e463d441cc2459e184a2",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"3f3d961dcf8e464a3337eb6ba205e431e5076cc1",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default"},e("p",{key:"9743eee4b013629911456424a1448a6e828920f5",slot:"page_number"},this.totalPages))),e("gb-button",{key:"084d2b8a25a87df9b0cf3bdb721ff1e3fbf9df3e",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default","icon-trailing":true,"icon-trailing-swap":"assets/arrow-right-02.svg"},e("p",{key:"b78c750333c4cc66ed8ba6b18f99f21eab38e9ef"},"Next"))),this.type==="card_default"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"3e96804ea73c477339f3ccab772a4882740ba83d",class:"pagination_entries"},e("div",{key:"4ad1a30efc933ea61531cebd793061f588c11747",class:"entries_text"},e("p",{key:"86c38cc193e8841a62204763c5f1265389ec30b6",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"5ead6903ac609af9a6d1ce200b36b492089f018c",class:`entries_dropdown`},e("gb-input-dropdown",{key:"37495a3bbc6232ef7c75dbee259bb5e6b5edb70d",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-help-icon":false,items:this.entries,"menu-position":"top",onDropdownItemSelected:this.handlePageSizeSelect.bind(this),value:this.defaultSelected}))),e("div",{key:"d612ce95efff73df879e0bb5a6572f5e234b90c4",class:"pagination_numbers"},e("gb-pagination-number-base",{key:"56497fc2bc377ae2c2ba95930400cf3cee8fb902",shape:this.shape,state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"755917cd7561cddf8e13256257c4b4eab2e577af",slot:"page_number"},"1")),e("gb-pagination-number-base",{key:"a790126fb8dde7793b3433b6c464928baf4719c4",shape:this.shape,state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"b4d429bcd19bce4b224e72a54f79951d3018b0a1",slot:"page_number"},"2")),e("gb-pagination-number-base",{key:"eeec96cc58e68a0ca1ec597fa87f962fdb4a2d0f",shape:this.shape,state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"e39847514abeabc9aec406320ae8475194cc2b72",slot:"page_number"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"1bb3af98ff988e32c83fb73967c6ace0f7e46073",shape:this.shape,state:"default"},e("p",{key:"ee88d9c863d86e03e2d9def503bc0e263a2daa20",slot:"page_number"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-number-base",{shape:this.shape,state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",{slot:"page_number"},this.currentPage)):null,e("gb-pagination-number-base",{key:"ada0d252bb46a27702be80508e55bd2f3232cf54",shape:this.shape,state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"0def281ccd9affc8928c11a99c31c8865e8cb6fe",slot:"page_number"},this.totalPages-2)),e("gb-pagination-number-base",{key:"ea7e95938d70d450b17b29f39debff323caa5c30",shape:this.shape,state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"d5eb08ae24b2e0911afc2229c7f686d0313a1a51",slot:"page_number"},this.totalPages-1)),e("gb-pagination-number-base",{key:"0a5f855de5c7d64e5127b46b9d5ae3331dce85d6",shape:this.shape,state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"1acdff98f9db4e35dfceda44c3691e6910e869b5",slot:"page_number"},this.totalPages))),e("div",{key:"9816ae7c8cbf048ffdc456f1a161abb35beb64e8",class:"pagination_btns"},e("gb-button",{key:"890f80f0a8ad5498493f61cd77d8d744447e9a2a",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("gb-button",{key:"65cea48005ceb8f930eed0efb8785a58466dffbd",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()}))),this.type==="card_minimal_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"9f86a905a74af898ce51eab6f754b5ab8162e515",class:"pagination_entries"},e("div",{key:"a32d17eac6dbf9187c5380c39d5f39b727c60514",class:"entries_text"},e("p",{key:"cbccd40422977ec41b4cf530fb9c849426307e9b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"3089ecb3873a091a4e9294330dec5598c15c9195",class:`entries_dropdown`},e("gb-input-dropdown",{key:"5c171802b11f3dcbd5c3d57d33b79c073facd61c",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top"}))),e("div",{key:"599d37cf00daa7fcd25936e6812a71d948708cf6",class:"page_number_text"},e("p",{key:"e5939928ae1df7aa9f8fea9a0bce02b69b1e2891",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"de81bdde19663a90b99785a2c1998f87e9575d9e",class:"pagination_btns"},e("gb-button",{key:"86f7dc1f236c3a094e44a0b8bdbca6bd45b574f2",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"3298aed7c6ed735cc47791e0e2987c3c8c32ed5e"},"Previous")),e("gb-button",{key:"ff408488a0d3cec5aa89d83fcb7c9de629061332",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"12d2979cb4a81982ca88917a006add0e30b76a92"},"Next")))),this.type==="card_minimal_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"e7a3a65667856f5ff0e78ff2d6fe5e9b49e448c0",class:"pagination_btns"},e("gb-button",{key:"1913c6fdeb0436ef5ee5c7cad29354ded76f8d95",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"184e1dd81062ed5aeea0e4ccdd52cd54b49e6e27"},"Previous")),e("gb-button",{key:"d50be3778aca6c6c2c680751abb46d53881e6173",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"48932d802bdd8dcfa419e7415a4c5b95cc48e97e"},"Next"))),e("div",{key:"403c747ff3bc2c42dadcf5ed927dad5b76624918",class:"page_number_text"},e("p",{key:"93e5cc74a068cd394fc468c767cbdb7b4c7d4fc7",class:"text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("div",{key:"0ef60e363cafbb557a1a655bb9b80c8bdd40b7c8",class:"pagination_entries"},e("div",{key:"02855d44d3bef1113f456c9c24cbf006e51f0603",class:"entries_text"},e("p",{key:"c331a108e90b5fde0c62d74e99e6fe52132b781b",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"e0aed07d5b2bd6d5dce17093c60b94f208085839",class:`entries_dropdown`},e("gb-input-dropdown",{key:"a1193b84a4fcf3bf9652d7f5324fd70658a1608d",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top"})))),this.type==="card_minimal_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("gb-button",{key:"ab399c3f864c4c4031378ef6af2da320ba3f1430",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"6e62c9d8cc41c1e6e55847ef1353626aff050298"},"Previous")),e("div",{key:"5a42cf10699f2012df2171bb3e13f0920a5a14bd",class:"page_number_text"},e("p",{key:"131afda30112d6d4458828a5f10589f0c88d41ea",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"bc9bd78cffa62cf69b4e23337141f2e09be57813",size:"sm",hierarchy:"secondary_gray",icon:"default",state:"default",onClick:()=>this.onNextButtonClicked()},e("p",{key:"9a393855ab82d6baeee1f102c3ace4daa2df7423"},"Next"))),this.type==="card_button_group_right_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"7ee2931c9c18be2eddc73d384a54abb84de35fd3",class:"pagination_entries"},e("div",{key:"eafdbeee713db2da4da66e06212595c87e499a3b",class:"entries_text"},e("p",{key:"f38ab588411cef5c49939620ce10e4ea74e5d21e",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"73e05e796e599a2056bfa639fc5175ccd4be9e86",class:`entries_dropdown`},e("gb-input-dropdown",{key:"6e20cfda6f7d5aaa84c6f20fa32b80adbfb4a47a",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top"}))),e("div",{key:"81148ca1d6eaaa7f01d6cc4646ebfacadf768f68",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"64ec10114f22475047d7afe77493c67006ab69e8",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"be8ecfda965e42cb244c3dca0e84ce10589e37d1"},"Previous")),e("div",{key:"9c9116abe717d9ed5a2f90d3d1f33635a7beb1f2",class:"btn_group"},e("gb-pagination-button-group-base",{key:"b2f4d8fcf81ceb8ee33f4ccf9eba5fe5d23980dc",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"000f608f69c8cad43704efd540b95c13b5795695"},"1"))),e("gb-pagination-button-group-base",{key:"a261cc1e6b0abc3dec8feafa8fd77d0a00d9189f",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"0890c411cfb99fb0dee4c07ccbeb22ddcc33c750"},"2")),e("gb-pagination-button-group-base",{key:"ab9b69a374f5e549c71011ec74decbd4776c227b",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"757d6d6b52910ced33d6a659a09cd9472181c1a2"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"ed6c530063658f4bd729b8796dd338117ea9a2b1",icon:"false"},e("p",{key:"de804c737891cac8774311d922c5d4232905c5b8"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"49b8abab0147b93f6c3e7aefdb577333a90042d6",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"0eb7c2e064846cba7ef9bf00f0a33835eafc4656"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"6ae9acaff80c836e2fe5754799e251ad199bfce2",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"f77ec697487556e75f7f15e27d9eb2be21772ff3"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"d251b1f53ee55ad61cf3d051890fe2aa9fb9d8df",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"28e4299508b3efe27000addc25a7de8538a59895"},this.totalPages)),e("gb-pagination-button-group-base",{key:"dcb7760ea9267c628577825302eb0cea8fca10ed",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"0a3ee01b35a9f81a8471e86decd15a5d10376db0"},"Next")))),this.type==="card_button_group_left_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"28be33dc58b895e3f5268abf6a7c59c0f0676e5a",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"efbcf33b6260794530d6368072b20437ae1fdabb",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"d79c601883f7ded305e8e8ef3fa6f983de3920f3"},"Previous")),e("div",{key:"70f45b909584af2328cac4d50a6cb186517d01e0",class:"btn_group"},e("gb-pagination-button-group-base",{key:"757d7dc7a32846d71137f1ec9039ed0c676593b5",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"75e212696ba2927011093bd852984c9770e4ac52"},"1"))),e("gb-pagination-button-group-base",{key:"2650408cf7c3cf4e7a9d97fdd59a37dd47ea62af",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"7fa773ff82ad0f22ea8c6883565e66741e791d90"},"2")),e("gb-pagination-button-group-base",{key:"31c2d9f439356d86f4f3a959c4bf65d59228a5ec",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"63942af47bfb6e44b8eb3edac8c5bd32fb5839df"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"56822aeb509955b992ba1c94aecbcd3fe1421303",icon:"false"},e("p",{key:"52faecfe86d8cd74c3afff97ba1a332d3538570b"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"d6f70d215b8610862e6af28f579d3f590df3ebde",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"48462a39eae59533a4b5bf4147db7b378bca4dc9"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"b8509f974c3e05d6ddfe766c4dc307f1eef25eb0",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"2ad3b06c4383e89f69006b1574acaada8eeb19d6"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"12934a3d71fba345cc47271424e4588e773a0bed",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"3d3507705f0bd14636a704c79ff3a71232a11b5c"},this.totalPages)),e("gb-pagination-button-group-base",{key:"94a4c48e10e8cbae9d3c8c07bda344f1de3981e9",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"7cc40b7e158e492c6cda7c8aedc4d28d9d79e55c"},"Next"))),e("div",{key:"cd052de0d436630157ef322019f9f1978656ee51",class:"pagination_entries"},e("div",{key:"e92ea046d08d4207eb7a55fc3b10ddb0023675e7",class:"entries_text"},e("p",{key:"50602c225a2a8431bd9168e6dff13ff579db110d",class:`text-sm-medium`,style:{color:"var(--color-text, #4B5565)"}},"Entries")),e("div",{key:"113b5d398a5f011a65eb9ce619746a9299f21a17",class:`entries_dropdown`},e("gb-input-dropdown",{key:"f1ee85683e5cedd45d3a92017eac6871fd51bee4",type:"default",state:"default",size:"sm","show-label":false,"show-hint-text":false,"show-supporting-text":false,"show-hep-icon":false,items:this.entries,"menu-position":"top"})))),this.type==="card_button_group_center_aligned"&&this.breakpoint==="desktop"&&e(a,null,e("div",{key:"a73792552228c9e4119e2c0027199d530bfdd78e",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"b042b80d9fc2e7be3f0414e385d20fe235d8ec71",icon:"leading",onClick:()=>this.onPreviousButtonClicked()},e("p",{key:"34b16c9187c0d575ff74e0d2bcbdb2614a7497a9"},"Previous")),e("div",{key:"e70545f91f0df464f4df3428bb92b3f500e5fca7",class:"btn_group"},e("gb-pagination-button-group-base",{key:"ca52d8226a624daa68e2976955e5e769b8f6e933",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"9d7b0cbcd12d2009c6c6e3d5eebbe2b6eb8f3335"},"1"))),e("gb-pagination-button-group-base",{key:"9460298676e6e7242f159b805c5a13af97d0d178",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"4be9b4833a0f74fd0453a5bd71c3514469a2f513"},"2")),e("gb-pagination-button-group-base",{key:"5dc1e02c34a89016912b9793770e8c2efa76d58e",icon:"false",state:this.currentPage===3?"active":"default",onClick:()=>this.currentPage=3},e("p",{key:"52fdfa688bea7bb68709e1bb8e26837f5f5825ef"},"3")),this.currentPage>3&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>3&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"90669116061b0e73e59892cec4fdd8d26d397ebf",icon:"false"},e("p",{key:"0816830cce9085890d20ebfb660da829f0562261"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<this.totalPages?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"12455fefaefdd7eb553e6ce31ce80b179cc9eb40",icon:"false",state:this.currentPage===this.totalPages-2?"active":"default",onClick:()=>this.currentPage=this.totalPages-2},e("p",{key:"19de072e06ff6a57cde30b358a9b8576bbe24c66"},this.totalPages-2)),e("gb-pagination-button-group-base",{key:"33053e6f3928757e762589eab72b2860d571837e",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"1cde53c4218997133266dbcf3b286b4ea1606cb7"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"bcb23d24d601d6ab64f68e2e7f94c662b83541c4",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"af1776238eb78a432adf55fbfc00856070e54b14"},this.totalPages)),e("gb-pagination-button-group-base",{key:"ed8b8a8324f1181c9838e0498ff4d2ae2258ebaf",icon:"trailing",onClick:()=>this.onNextButtonClicked()},e("p",{key:"ce92a80906a69d202bab3935dc0fbe75740369fb"},"Next")))),this.type==="page_default"&&this.breakpoint==="mobile"&&e(a,null,e("gb-button",{key:"9172d74442e0ee4f7a85742cd6c58eefec59dc8c",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"cafbaca0aa01e4370a3b699fd42ccd193c344967",class:"page_number_text"},e("p",{key:"15805945b9b4dc6ce592ac01a2350bf67ec20ac9",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"50fcbd85e66bffb7e37736b36d9589c7ab746483",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"&&e(a,null,e("gb-button",{key:"f46568191a83d3c55cf79fb783d67e9ae9c51846",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"e7855de4a5b8f668a3c67a7e2134de21eb46359a",class:"page_number_text"},e("p",{key:"29448ca703beda6e4de5707b2b36b7aea1b1288a",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"bcefe5286a95582c6dcdb403ef512d9491df9aea",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"&&e(a,null,e("gb-button",{key:"9fc75fc319d3adb996abc21c1040940f2c1243d5",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"a59cf38c3b1773c6c0066263d6b5614c4349e51a",class:"page_number_text"},e("p",{key:"dfea22a802eeb58d01ed2d96cd5689f91a1ef242",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"74d3337e0cedf6c903d2504fbe822b52d9d857e9",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"&&e(a,null,e("gb-button",{key:"ba09d3701218e2b6385e59995051950f987ced5e",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"383483ca70d861238268ecb8c01f49c4c1c69ef1",class:"page_number_text"},e("p",{key:"aee9feb09a2e1e5e451b3e90fd43ef58f4cfbddf",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"c25488466824226b66298c23b3bc5b3df3407d72",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"&&e(a,null,e("gb-button",{key:"2f6b2d3226e7eb6d4d46cf111c4ccfab6da49a05",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"5f8baca306253e3abbb28fe7799827d4074728f2",class:"page_number_text"},e("p",{key:"6406b7e9e304f127044eedd8ac8b4a1bd27c63c2",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"a5096d3cfebeb6cf1a4e0667131e307b9eaaec51",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"&&e(a,null,e("gb-button",{key:"376d1f92f6ddd6949fef701d1073f27a58a1ff24",size:"sm",hierarchy:"secondary_gray",icon:"only",state:"default","icon-leading":true,"icon-leading-swap":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"fa0a35d959af54ac863c988c50eb2c606e99656f",class:"page_number_text"},e("p",{key:"2e4202a9092bb81af8744acf35ed00a66bbb08eb",class:"page_numbers text-sm-medium"},"Page ",this.currentPage," of ",this.totalPages)),e("gb-button",{key:"c842b568ed45ddeb6a3b698a71a210d5ed2189e7",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"&&e("div",{key:"e867fed17f2bc84240fa7f9cc5faa67f07d83f26",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"4b3cd479c5027d3b592142c8abf4c5f88220abc7",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"b9ae11a9e9607b8df514acd002674b1b0ed812f3",class:"btn_group"},e("gb-pagination-button-group-base",{key:"2add9ae4971b399ccb5c211308e6a8ac837fae6a",icon:"false",state:this.currentPage===1?"active":"default",onClick:()=>this.currentPage=1},e("p",{key:"70891c7ee9c9313a7da97cf5fd612f8199ab1d55"},"1"))),e("gb-pagination-button-group-base",{key:"d16aa060c3514dbec96c13cbdc763a6f132fb5f6",icon:"false",state:this.currentPage===2?"active":"default",onClick:()=>this.currentPage=2},e("p",{key:"81efde4ccb3dd465ac1b53d418c8b42038d1c5fb"},"2")),this.currentPage>2&&this.currentPage<=this.totalPages/2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>2&&this.currentPage<=this.totalPages/2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"3e345693ecb9f4bf1fb9f0015ce73ef100775f3f",icon:"false"},e("p",{key:"43e1604b2a7e73fdab56bbf34b58feb87d14e7f7"},"...")),this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?e("gb-pagination-button-group-base",{icon:"false",state:this.currentPage>this.totalPages/2&&this.currentPage<=this.totalPages-2?"active":"default"},e("p",null,this.currentPage)):null,e("gb-pagination-button-group-base",{key:"b46ed8da45c5f95db5f19f0435797735f70c748f",icon:"false",state:this.currentPage===this.totalPages-1?"active":"default",onClick:()=>this.currentPage=this.totalPages-1},e("p",{key:"a3696d3e2c1378e790ff2e24990fb97bbc3af71d"},this.totalPages-1)),e("gb-pagination-button-group-base",{key:"d2e672bf8c35aa7cf8d5b99668b787cb326e3062",icon:"false",state:this.currentPage===this.totalPages?"active":"default",onClick:()=>this.currentPage=this.totalPages},e("p",{key:"79005257e98049d37540e9d16424015999e96006"},this.totalPages)),e("gb-pagination-button-group-base",{key:"324a69118af1647f6cda22a3fb4262165086f66f",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_button_group_left_aligned"&&this.breakpoint==="mobile"&&e("div",{key:"343260c49ba84783cacd838fbfcc5af786548db2",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"5e9806badf4ede965e2bc201f2671c090348dc1e",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"2f4aef860c8fcbde4788d2748ad81a79bd6e1f37",class:"btn_group"},e("gb-pagination-button-group-base",{key:"c7ab0f2246110533bd14f5b866ad5af2460b1ba2",icon:"false",state:"active"},e("p",{key:"b1edf6b3bfce415e594b24edc9d6489cd3fc1b39"},"1"))),e("gb-pagination-button-group-base",{key:"a07498457308ece6cda206f09bdd6926562c43f3",icon:"false"},e("p",{key:"fed7205d9ceb36e134bdf6a7bd9c4e8c1e1e0864"},"2")),e("gb-pagination-button-group-base",{key:"07ed0a286f747627f13c1f928f13de269161a14d",icon:"false"},e("p",{key:"33af238da9ba35585b97e08c1dab2d1bdde12271"},"...")),e("gb-pagination-button-group-base",{key:"a03f6d6bec71fdcec12c4f0445a0d91acdc8c7d3",icon:"false"},e("p",{key:"4914d0e7e6507aa65fbb18d1ca28e5c1e0616493"},"9")),e("gb-pagination-button-group-base",{key:"2f00bcd37d168d954dd4d51d4550a74d29957b28",icon:"false"},e("p",{key:"d11f3094549ea6ca7cddd44dc1440bb11b89a0b7"},"10")),e("gb-pagination-button-group-base",{key:"3e7d3beadd96a21d523d83394ea98f662501b388",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})),this.type==="card_button_group_center_aligned"&&this.breakpoint==="mobile"&&e("div",{key:"058c7f7ce10bd0985e6e0381d5d1a367eb83ce36",class:"pagination_button_group"},e("gb-pagination-button-group-base",{key:"92884b73abfc3130c0b34dc6b5870d83d16c0057",icon:"only","icon-src":"assets/arrow-left-02.svg",onClick:()=>this.onPreviousButtonClicked()}),e("div",{key:"99aa6d89a8930939e45ae125163943a254961c78",class:"btn_group"},e("gb-pagination-button-group-base",{key:"c4bcf6b35ca595f82a8e055e631545a42ebf0517",icon:"false",state:"active"},e("p",{key:"b94bc1f6f0ac764a54cbfcd4f4986cffe7b08df6"},"1"))),e("gb-pagination-button-group-base",{key:"edef7452e31598ad348326bc8b4e54504e7f1ecf",icon:"false"},e("p",{key:"f4d1e559216ddf9974551e110b44f30a11dfccc2"},"2")),e("gb-pagination-button-group-base",{key:"1243e1520caf6aa66b1e19717d74f1fe63b06ca6",icon:"false"},e("p",{key:"9bee9b1e9bd9700a073ca749ba6f972faf9b59a6"},"...")),e("gb-pagination-button-group-base",{key:"b62d4e4b59e3e7e12e3281cfac5068721f4d2d20",icon:"false"},e("p",{key:"77b3606a41020ab56f827a40ffddfdf4dd81fb71"},"9")),e("gb-pagination-button-group-base",{key:"cf641568686040461d828e4fa4e3cb721931e503",icon:"false"},e("p",{key:"20c488219e9046c5772d29b7e0bd766f71f6e5f5"},"10")),e("gb-pagination-button-group-base",{key:"b3fcd692d0c25326f7e1c94f380371cd2cf45492",icon:"only","icon-src":"assets/arrow-right-02.svg",onClick:()=>this.onNextButtonClicked()})))}};o.style=i;export{o as gb_pagination};
2
- //# sourceMappingURL=p-37fcb2a9.entry.js.map
package/dist/globuscomponents/p-37fcb2a9.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["gbPaginationCss","GbPaginationStyle0","GbPagination","onPreviousButtonClicked","this","currentPage","totalPages","onNextButtonClicked","componentWillLoad","defaultSelected","selectedPageSize","pageSizeSelected","emit","handlePageSizeSelect","item","render","h","key","class","type","breakpoint","Fragment","size","hierarchy","icon","state","shape","slot","style","color","items","entries","onDropdownItemSelected","bind","value","onClick"],"sources":["src/components/gb-pagination/gb-pagination.css?tag=gb-pagination","src/components/gb-pagination/gb-pagination.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.pagination_div{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.pagination_entries{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.pagination_btns{\r\n display: flex;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.entries_dropdown{\r\n width: 6rem;\r\n}\r\n\r\ngb-input-dropdown{\r\n z-index: 99;\r\n}\r\n\r\n.pagination_numbers{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-half);\r\n}\r\n\r\n.pagination_button_group{\r\n display: flex;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtle, #CDD5DF);\r\n box-shadow: var(--shadow-xs);\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.page_numbers{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/* Pagination Type Styles */\r\n.pagination_div.page_default.desktop,\r\n.pagination_div.page_minimal_center_aligned.desktop{\r\n padding-top: var(--spacing-5);\r\n}\r\n\r\n.pagination_div.card_default.desktop,\r\n.pagination_div.card_minimal_right_aligned.desktop,\r\n.pagination_div.card_minimal_left_aligned.desktop,\r\n.pagination_div.card_minimal_center_aligned.desktop,\r\n.pagination_div.card_button_group_right_aligned.desktop,\r\n.pagination_div.card_button_group_left_aligned.desktop{\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n}\r\n\r\n.pagination_div.page_default.mobile,\r\n.pagination_div.page_minimal_center_aligned.mobile{\r\n padding-top: var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.desktop{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-6) var(--spacing-4) var(--spacing-6);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_default.mobile,\r\n.pagination_div.card_minimal_left_aligned.mobile,\r\n.pagination_div.card_minimal_right_aligned.mobile,\r\n.pagination_div.card_minimal_center_aligned.mobile{\r\n padding: var(--spacing-3) var(--spacing-4);\r\n}\r\n\r\n.pagination_div.card_button_group_right_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_left_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n}\r\n\r\n.pagination_div.card_button_group_center_aligned.mobile{\r\n display: flex;\r\n padding: var(--spacing-3) var(--spacing-4);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}","import { Component, Prop, h, Fragment, State, Event, EventEmitter } from \"@stencil/core\";\r\nimport { BreakPoints, PaginationNumberShapes, PaginationTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-pagination',\r\n styleUrl: 'gb-pagination.css',\r\n shadow: false,\r\n})\r\nexport class GbPagination {\r\n @Prop() type: PaginationTypes;\r\n @Prop() shape: PaginationNumberShapes;\r\n @Prop() breakpoint: BreakPoints;\r\n @Prop({ mutable: true }) currentPage: number;\r\n @Prop({ mutable: true }) totalPages: number;\r\n @Prop({ mutable: true }) entries: number[] = [10, 20, 50, 80, 100];\r\n @State() selectedPageSize: number | string | object = 10;\r\n @State() defaultSelected: any;\r\n @Event() pageSizeSelected: EventEmitter<number | string | object>;\r\n\r\n onPreviousButtonClicked() {\r\n if (this.currentPage === this.totalPages || this.currentPage > 1) {\r\n this.currentPage = this.currentPage - 1;\r\n // console.log(this.currentPage)\r\n }\r\n }\r\n\r\n onNextButtonClicked() {\r\n if (this.currentPage === 1 || this.currentPage <= this.totalPages - 1) {\r\n this.currentPage = this.currentPage + 1;\r\n } \r\n }\r\n\r\n componentWillLoad() {\r\n // console.log(this.selectedPageSize)\r\n this.defaultSelected = [this.selectedPageSize]\r\n this.pageSizeSelected.emit(this.selectedPageSize);\r\n }\r\n\r\n handlePageSizeSelect(item) {\r\n // console.log(this.entries);\r\n this.selectedPageSize = item;\r\n this.pageSizeSelected.emit(this.selectedPageSize)\r\n // console.log('Selected page size:', this.selectedPageSize);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`pagination_div ${this.type} ${this.breakpoint}`}>\r\n {/* Desktop Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n <p>Previous</p>\r\n </gb-button>\r\n\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape}>\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state=\"default\"\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-help-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n onDropdownItemSelected={this.handlePageSizeSelect.bind(this)}\r\n value={this.defaultSelected}\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_numbers\">\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p slot=\"page_number\">1</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p slot=\"page_number\">2</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p slot=\"page_number\">3</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base shape={this.shape} state=\"default\">\r\n <p slot=\"page_number\">...</p>\r\n </gb-pagination-number-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-number-base shape={this.shape} state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p slot=\"page_number\">{this.currentPage}</p>\r\n </gb-pagination-number-base>\r\n ) : null}\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 2}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages - 1}</p>\r\n </gb-pagination-number-base>\r\n <gb-pagination-number-base\r\n shape={this.shape}\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p slot=\"page_number\">{this.totalPages}</p>\r\n </gb-pagination-number-base>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_btns\">\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"page_number_text\">\r\n <p class=\"text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button size=\"sm\" hierarchy=\"secondary_gray\" icon=\"default\" state=\"default\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p>3</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base \r\n icon=\"false\" \r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p>{this.totalPages - 2}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p>{this.totalPages - 1}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p>{this.totalPages}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p>3</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base \r\n icon=\"false\" \r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p>{this.totalPages - 2}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p>{this.totalPages - 1}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p>{this.totalPages}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <div class=\"pagination_entries\">\r\n <div class=\"entries_text\">\r\n <p class={`text-sm-medium`} style={{ color: 'var(--color-text, #4B5565)' }}>\r\n Entries\r\n </p>\r\n </div>\r\n <div class={`entries_dropdown`}>\r\n <gb-input-dropdown\r\n type=\"default\"\r\n state={'default'}\r\n size=\"sm\"\r\n show-label={false}\r\n show-hint-text={false}\r\n show-supporting-text={false}\r\n show-hep-icon={false}\r\n items={this.entries}\r\n menu-position=\"top\"\r\n ></gb-input-dropdown>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (\r\n <>\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base icon=\"leading\" onClick={() => this.onPreviousButtonClicked()}>\r\n <p>Previous</p>\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? 'active' : 'default'} onClick={() => (this.currentPage = 1)}>\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? 'active' : 'default'} onClick={() => (this.currentPage = 2)}>\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 3 ? 'active' : 'default'} onClick={() => (this.currentPage = 3)}>\r\n <p>3</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base \r\n icon=\"false\" \r\n state={this.currentPage === this.totalPages - 2 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 2)}\r\n >\r\n <p>{this.totalPages - 2}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages - 1 ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages - 1)}\r\n >\r\n <p>{this.totalPages - 1}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"false\"\r\n state={this.currentPage === this.totalPages ? 'active' : 'default'}\r\n onClick={() => (this.currentPage = this.totalPages)}\r\n >\r\n <p>{this.totalPages}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"trailing\" onClick={() => this.onNextButtonClicked()}>\r\n <p>Next</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n </>\r\n )}\r\n {/* Mobile Breakpoint Pagination */}\r\n {this.type === 'page_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_default' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (\r\n <>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n ></gb-button>\r\n <div class=\"page_number_text\">\r\n <p class=\"page_numbers text-sm-medium\">\r\n Page {this.currentPage} of {this.totalPages}\r\n </p>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"only\"\r\n state=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = 1}>\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === 2 ? \"active\" : \"default\"} onClick={() => this.currentPage = 2}>\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > 2 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n {this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? (\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage > this.totalPages / 2 && this.currentPage <= this.totalPages - 2 ? 'active' : 'default'}>\r\n <p>{this.currentPage}</p>\r\n </gb-pagination-button-group-base>\r\n ) : null}\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages - 1 ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages - 1}>\r\n <p>{this.totalPages - 1}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\" state={this.currentPage === this.totalPages ? \"active\" : \"default\"} onClick={() => this.currentPage = this.totalPages}>\r\n <p>{this.totalPages}</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n </div>\r\n )}\r\n {this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>9</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>10</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n </div>\r\n )}\r\n {this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (\r\n <div class=\"pagination_button_group\">\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-left-02.svg\" \r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n <div class=\"btn_group\">\r\n <gb-pagination-button-group-base icon=\"false\" state=\"active\">\r\n <p>1</p>\r\n </gb-pagination-button-group-base>\r\n </div>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>2</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>...</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>9</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base icon=\"false\">\r\n <p>10</p>\r\n </gb-pagination-button-group-base>\r\n <gb-pagination-button-group-base \r\n icon=\"only\" \r\n icon-src=\"assets/arrow-right-02.svg\" \r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n </gb-pagination-button-group-base>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"mappings":"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","ignoreList":[]}