@testgorilla/tgo-ui 9.3.3 → 10.1.0

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 (190) hide show
  1. package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +8 -8
  2. package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
  3. package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs +15 -15
  4. package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs.map +1 -1
  5. package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +7 -7
  6. package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs +23 -23
  7. package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs.map +1 -1
  8. package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +7 -7
  9. package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs +23 -23
  10. package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
  11. package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs +84 -84
  12. package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs.map +1 -1
  13. package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +21 -21
  14. package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
  15. package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +10 -10
  16. package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +10 -10
  17. package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
  18. package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs +20 -20
  19. package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs.map +1 -1
  20. package/fesm2022/testgorilla-tgo-ui-components-button.mjs +8 -8
  21. package/fesm2022/testgorilla-tgo-ui-components-card.mjs +8 -8
  22. package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
  23. package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +12 -12
  24. package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
  25. package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +15 -15
  26. package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
  27. package/fesm2022/testgorilla-tgo-ui-components-core.mjs +44 -44
  28. package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
  29. package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +20 -20
  30. package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
  31. package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +25 -25
  32. package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
  33. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +7 -7
  34. package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +10 -10
  35. package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
  36. package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +11 -11
  37. package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
  38. package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +7 -7
  39. package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +7 -7
  40. package/fesm2022/testgorilla-tgo-ui-components-field.mjs +14 -14
  41. package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
  42. package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +10 -10
  43. package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +20 -20
  44. package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
  45. package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +8 -8
  46. package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
  47. package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +7 -7
  48. package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +23 -15
  49. package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
  50. package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs +369 -0
  51. package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs.map +1 -0
  52. package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +33 -33
  53. package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
  54. package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +7 -7
  55. package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +3 -3
  56. package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +3 -3
  57. package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +23 -23
  58. package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
  59. package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +14 -14
  60. package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
  61. package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +10 -10
  62. package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
  63. package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +7 -7
  64. package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +8 -8
  65. package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +7 -7
  66. package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +7 -7
  67. package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +12 -12
  68. package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
  69. package/fesm2022/testgorilla-tgo-ui-components-popover.mjs +15 -15
  70. package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map +1 -1
  71. package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +7 -7
  72. package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +42 -42
  73. package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
  74. package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +7 -7
  75. package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +7 -7
  76. package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +10 -10
  77. package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +8 -8
  78. package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
  79. package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +8 -8
  80. package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
  81. package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +7 -7
  82. package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +7 -7
  83. package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs +17 -17
  84. package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs.map +1 -1
  85. package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs +14 -14
  86. package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
  87. package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs +31 -31
  88. package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs.map +1 -1
  89. package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +12 -12
  90. package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
  91. package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +12 -12
  92. package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
  93. package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +3 -3
  94. package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +12 -12
  95. package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map +1 -1
  96. package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +10 -10
  97. package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +7 -7
  98. package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +7 -7
  99. package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +21 -21
  100. package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
  101. package/fesm2022/testgorilla-tgo-ui-components-table.mjs +11 -11
  102. package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +25 -25
  103. package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
  104. package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +26 -26
  105. package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
  106. package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +7 -7
  107. package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +10 -10
  108. package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +17 -17
  109. package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +7 -7
  110. package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs +40 -40
  111. package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs.map +1 -1
  112. package/fesm2022/testgorilla-tgo-ui.mjs +7 -7
  113. package/mcp/catalog.json +1 -1
  114. package/package.json +96 -101
  115. package/projects/tgo-canopy-ui/assets/icons/rebrand/Grid-list-view-filled.svg +3 -0
  116. package/projects/tgo-canopy-ui/assets/icons/rebrand/Grid-list-view-in-line.svg +3 -0
  117. package/projects/tgo-canopy-ui/assets/icons/rebrand/Table-view-filled.svg +3 -0
  118. package/projects/tgo-canopy-ui/assets/icons/rebrand/Table-view-in-line.svg +3 -0
  119. package/{components/icon/index.d.ts → types/testgorilla-tgo-ui-components-icon.d.ts} +1 -1
  120. package/types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts +225 -0
  121. package/{components/inline-field/index.d.ts → types/testgorilla-tgo-ui-components-inline-field.d.ts} +8 -7
  122. package/{components/side-sheet/index.d.ts → types/testgorilla-tgo-ui-components-side-sheet.d.ts} +1 -1
  123. /package/{components/accordion/index.d.ts → types/testgorilla-tgo-ui-components-accordion.d.ts} +0 -0
  124. /package/{components/ai-audio-circle/index.d.ts → types/testgorilla-tgo-ui-components-ai-audio-circle.d.ts} +0 -0
  125. /package/{components/ai-caveat/index.d.ts → types/testgorilla-tgo-ui-components-ai-caveat.d.ts} +0 -0
  126. /package/{components/ai-feedback/index.d.ts → types/testgorilla-tgo-ui-components-ai-feedback.d.ts} +0 -0
  127. /package/{components/alert-banner/index.d.ts → types/testgorilla-tgo-ui-components-alert-banner.d.ts} +0 -0
  128. /package/{components/audio-waveform/index.d.ts → types/testgorilla-tgo-ui-components-audio-waveform.d.ts} +0 -0
  129. /package/{components/autocomplete-v2/index.d.ts → types/testgorilla-tgo-ui-components-autocomplete-v2.d.ts} +0 -0
  130. /package/{components/autocomplete/index.d.ts → types/testgorilla-tgo-ui-components-autocomplete.d.ts} +0 -0
  131. /package/{components/avatar/index.d.ts → types/testgorilla-tgo-ui-components-avatar.d.ts} +0 -0
  132. /package/{components/badge/index.d.ts → types/testgorilla-tgo-ui-components-badge.d.ts} +0 -0
  133. /package/{components/breadcrumb/index.d.ts → types/testgorilla-tgo-ui-components-breadcrumb.d.ts} +0 -0
  134. /package/{components/button/index.d.ts → types/testgorilla-tgo-ui-components-button.d.ts} +0 -0
  135. /package/{components/card/index.d.ts → types/testgorilla-tgo-ui-components-card.d.ts} +0 -0
  136. /package/{components/checkbox/index.d.ts → types/testgorilla-tgo-ui-components-checkbox.d.ts} +0 -0
  137. /package/{components/checklist/index.d.ts → types/testgorilla-tgo-ui-components-checklist.d.ts} +0 -0
  138. /package/{components/core/index.d.ts → types/testgorilla-tgo-ui-components-core.d.ts} +0 -0
  139. /package/{components/datepicker/index.d.ts → types/testgorilla-tgo-ui-components-datepicker.d.ts} +0 -0
  140. /package/{components/dialog/index.d.ts → types/testgorilla-tgo-ui-components-dialog.d.ts} +0 -0
  141. /package/{components/divider/index.d.ts → types/testgorilla-tgo-ui-components-divider.d.ts} +0 -0
  142. /package/{components/donut-chart/index.d.ts → types/testgorilla-tgo-ui-components-donut-chart.d.ts} +0 -0
  143. /package/{components/dropdown/index.d.ts → types/testgorilla-tgo-ui-components-dropdown.d.ts} +0 -0
  144. /package/{components/elevation-shadow/index.d.ts → types/testgorilla-tgo-ui-components-elevation-shadow.d.ts} +0 -0
  145. /package/{components/empty-state/index.d.ts → types/testgorilla-tgo-ui-components-empty-state.d.ts} +0 -0
  146. /package/{components/field/index.d.ts → types/testgorilla-tgo-ui-components-field.d.ts} +0 -0
  147. /package/{components/file-upload/index.d.ts → types/testgorilla-tgo-ui-components-file-upload.d.ts} +0 -0
  148. /package/{components/filter-button/index.d.ts → types/testgorilla-tgo-ui-components-filter-button.d.ts} +0 -0
  149. /package/{components/gaussian-chart/index.d.ts → types/testgorilla-tgo-ui-components-gaussian-chart.d.ts} +0 -0
  150. /package/{components/icon-label/index.d.ts → types/testgorilla-tgo-ui-components-icon-label.d.ts} +0 -0
  151. /package/{components/logo/index.d.ts → types/testgorilla-tgo-ui-components-logo.d.ts} +0 -0
  152. /package/{components/media-card/index.d.ts → types/testgorilla-tgo-ui-components-media-card.d.ts} +0 -0
  153. /package/{components/media-dialog/index.d.ts → types/testgorilla-tgo-ui-components-media-dialog.d.ts} +0 -0
  154. /package/{components/multi-input/index.d.ts → types/testgorilla-tgo-ui-components-multi-input.d.ts} +0 -0
  155. /package/{components/navbar/index.d.ts → types/testgorilla-tgo-ui-components-navbar.d.ts} +0 -0
  156. /package/{components/overflow-menu/index.d.ts → types/testgorilla-tgo-ui-components-overflow-menu.d.ts} +0 -0
  157. /package/{components/page-header/index.d.ts → types/testgorilla-tgo-ui-components-page-header.d.ts} +0 -0
  158. /package/{components/paginator/index.d.ts → types/testgorilla-tgo-ui-components-paginator.d.ts} +0 -0
  159. /package/{components/password-criteria/index.d.ts → types/testgorilla-tgo-ui-components-password-criteria.d.ts} +0 -0
  160. /package/{components/password-strength/index.d.ts → types/testgorilla-tgo-ui-components-password-strength.d.ts} +0 -0
  161. /package/{components/phone-input/index.d.ts → types/testgorilla-tgo-ui-components-phone-input.d.ts} +0 -0
  162. /package/{components/popover/index.d.ts → types/testgorilla-tgo-ui-components-popover.d.ts} +0 -0
  163. /package/{components/progress-bar/index.d.ts → types/testgorilla-tgo-ui-components-progress-bar.d.ts} +0 -0
  164. /package/{components/prompt/index.d.ts → types/testgorilla-tgo-ui-components-prompt.d.ts} +0 -0
  165. /package/{components/radial-progress/index.d.ts → types/testgorilla-tgo-ui-components-radial-progress.d.ts} +0 -0
  166. /package/{components/radio-button/index.d.ts → types/testgorilla-tgo-ui-components-radio-button.d.ts} +0 -0
  167. /package/{components/rating/index.d.ts → types/testgorilla-tgo-ui-components-rating.d.ts} +0 -0
  168. /package/{components/scale-table/index.d.ts → types/testgorilla-tgo-ui-components-scale-table.d.ts} +0 -0
  169. /package/{components/scale/index.d.ts → types/testgorilla-tgo-ui-components-scale.d.ts} +0 -0
  170. /package/{components/segmented-bar/index.d.ts → types/testgorilla-tgo-ui-components-segmented-bar.d.ts} +0 -0
  171. /package/{components/segmented-button/index.d.ts → types/testgorilla-tgo-ui-components-segmented-button.d.ts} +0 -0
  172. /package/{components/segmented-toggle/index.d.ts → types/testgorilla-tgo-ui-components-segmented-toggle.d.ts} +0 -0
  173. /package/{components/selectable-card/index.d.ts → types/testgorilla-tgo-ui-components-selectable-card.d.ts} +0 -0
  174. /package/{components/side-navigation/index.d.ts → types/testgorilla-tgo-ui-components-side-navigation.d.ts} +0 -0
  175. /package/{components/side-panel/index.d.ts → types/testgorilla-tgo-ui-components-side-panel.d.ts} +0 -0
  176. /package/{components/skeleton/index.d.ts → types/testgorilla-tgo-ui-components-skeleton.d.ts} +0 -0
  177. /package/{components/slider/index.d.ts → types/testgorilla-tgo-ui-components-slider.d.ts} +0 -0
  178. /package/{components/snackbar/index.d.ts → types/testgorilla-tgo-ui-components-snackbar.d.ts} +0 -0
  179. /package/{components/spider-chart/index.d.ts → types/testgorilla-tgo-ui-components-spider-chart.d.ts} +0 -0
  180. /package/{components/spinner/index.d.ts → types/testgorilla-tgo-ui-components-spinner.d.ts} +0 -0
  181. /package/{components/stepper/index.d.ts → types/testgorilla-tgo-ui-components-stepper.d.ts} +0 -0
  182. /package/{components/table/index.d.ts → types/testgorilla-tgo-ui-components-table.d.ts} +0 -0
  183. /package/{components/tabs/index.d.ts → types/testgorilla-tgo-ui-components-tabs.d.ts} +0 -0
  184. /package/{components/tag/index.d.ts → types/testgorilla-tgo-ui-components-tag.d.ts} +0 -0
  185. /package/{components/toggle/index.d.ts → types/testgorilla-tgo-ui-components-toggle.d.ts} +0 -0
  186. /package/{components/tooltip/index.d.ts → types/testgorilla-tgo-ui-components-tooltip.d.ts} +0 -0
  187. /package/{components/universal-skills/index.d.ts → types/testgorilla-tgo-ui-components-universal-skills.d.ts} +0 -0
  188. /package/{components/validation-error/index.d.ts → types/testgorilla-tgo-ui-components-validation-error.d.ts} +0 -0
  189. /package/{components/write-with-ai/index.d.ts → types/testgorilla-tgo-ui-components-write-with-ai.d.ts} +0 -0
  190. /package/{index.d.ts → types/testgorilla-tgo-ui.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"testgorilla-tgo-ui-components-stepper.mjs","sources":["../../../components/stepper/step-line-element.directive.ts","../../../components/stepper/step.component.ts","../../../components/stepper/step.component.html","../../../components/stepper/stepper.component.ts","../../../components/stepper/stepper.component.html","../../../components/stepper/step.component.module.ts","../../../components/stepper/stepper.component.module.ts","../../../components/stepper/testgorilla-tgo-ui-components-stepper.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Input, OnChanges } from '@angular/core';\n\nimport { StepperPosition } from './stepper.model';\n\nconst MARGINS = 36;\nconst PADDING = 16;\n\n/**\n * Directive is used to draw lines between steps\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector -- public directive selector; ui-prefix rename is breaking, deferred to the breaking-change MAJOR (see plan)\n selector: '[stepLineElement]',\n})\nexport class StepLineElementDirective implements OnChanges {\n @Input() stepLineElement: HTMLElement;\n @Input() position: StepperPosition = 'horizontal';\n\n @HostListener('window:resize.out-zone', ['$event'])\n resize(): void {\n this.setSize();\n }\n\n constructor(private readonly el: ElementRef<HTMLElement>) {}\n\n setSize(): void {\n if (this.position === 'horizontal') {\n this.el.nativeElement.style.width = `calc(100% + ${this.stepLineElement.getBoundingClientRect().width / 2 - PADDING}px)`;\n this.el.nativeElement.style.height = `0`;\n this.el.nativeElement.style.top = '45px';\n this.el.nativeElement.style.left = `-${this.stepLineElement.getBoundingClientRect().width / 2 - MARGINS}px`;\n } else {\n this.el.nativeElement.style.height = `calc(100% + ${this.stepLineElement.getBoundingClientRect().height / 2 - PADDING}px)`;\n this.el.nativeElement.style.width = '0';\n this.el.nativeElement.style.top = `-${this.stepLineElement.getBoundingClientRect().height / 2 - 30}px`;\n this.el.nativeElement.style.left = '34px';\n }\n }\n\n ngOnChanges(): void {\n queueMicrotask(() => {\n this.setSize();\n });\n }\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n signal,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme, IKeyboardEvent } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipPositionType, TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { HtmlDescription, StepperPosition, StepperVariation } from './stepper.model';\n\n@Component({\n selector: 'ui-step',\n templateUrl: './step.component.html',\n styleUrls: ['./step.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [TooltipComponentModule, NgClass, IconComponent, MatTooltip, NgTemplateOutlet],\n})\nexport class StepComponent implements AfterViewInit {\n /**\n * Input property for the label of the step.\n *\n * @memberof StepComponent\n */\n @Input() label: string;\n\n /**\n * Input property indicating whether the step has been visited.\n *\n * @memberof StepComponent\n */\n @Input() isVisited: boolean;\n\n /**\n * Input property indicating whether the form has been submitted.\n *\n * @memberof StepComponent\n */\n @Input() submitted: boolean;\n\n /**\n * Input property for the icon associated with the step.\n *\n * @memberof StepComponent\n */\n @Input() icon: IconName | undefined = '';\n\n /**\n * Input property for the index of the step.\n *\n * @memberof StepComponent\n */\n @Input() index: number;\n\n /**\n * Input property indicating whether the step is currently selected.\n *\n * @memberof StepComponent\n */\n @Input() selected: boolean;\n\n /**\n * Input property indicating whether the step is the last step in the stepper.\n *\n * @memberof StepComponent\n */\n @Input() isLast: boolean;\n\n /**\n * Input property indicating the selected index in the stepper.\n *\n * @memberof StepComponent\n */\n @Input() selectedIndex: number;\n\n /**\n * Input property indicating whether the step is disabled.\n *\n * @memberof StepComponent\n */\n @Input() disabled = false;\n\n /**\n * Input property indicating whether the previous step has been visited.\n *\n * @memberof StepComponent\n */\n @Input() prevStepIsVisited: boolean | undefined = false;\n\n /**\n * Input property indicating whether the component is in mobile mode.\n *\n * @memberof StepComponent\n */\n @Input() mobileMode = false;\n\n /**\n * Input property indicating whether the component is in large tablet mode.\n *\n * @memberof StepComponent\n */\n @Input() largeTabletMode: boolean | null = false;\n\n /**\n * Input property indicating whether the final icon should be displayed.\n *\n * @memberof StepComponent\n */\n @Input() finalIcon = false;\n\n /**\n * Input property indicating to display icon when step is selected.\n *\n * @memberof StepComponent\n */\n @Input() showIconWhenSelected = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof StepComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n *\n * Defines the stepper position\n *\n * @type {StepperPosition}\n * @memberof StepComponent\n */\n @Input() position: StepperPosition;\n\n /**\n *\n * Step description\n *\n * @type {HtmlDescription[]}\n * @memberof StepComponent\n */\n @Input() htmlDescription: HtmlDescription[] = [];\n\n /**\n *\n * Sets bold font weight for label\n *\n * @type {boolean}\n * @memberof StepComponent\n */\n @Input() boldLabel = false;\n\n /**\n *\n * Template for the step description\n *\n * @type {TemplateRef}\n * @memberof StepComponent\n */\n @Input() descriptionTpl?: TemplateRef<unknown>;\n\n /**\n *\n * Tooltip for the step label\n *\n * @type {string}\n * @memberof StepComponent\n */\n @Input() labelTooltip?: string;\n\n /**\n *\n * Always show step icon instead of number\n *\n * @type {boolean}\n * @memberof StepComponent\n */\n @Input() alwaysShowIcon = false;\n\n /**\n *\n * Context for the step template\n *\n * @type {any}\n * @memberof StepComponent\n */\n @Input() context: unknown;\n\n /**\n * A string representing the step variant.\n * This attribute is used to indicate the variant that should be used.\n * @type {string}\n * @memberof StepComponent\n */\n @Input() stepVariant: StepperVariation = 'primary';\n\n /**\n * Event emitted when the step was clicked.\n * @type {number}\n * @memberof StepComponent\n */\n @Output() stepSelected = new EventEmitter<number>();\n\n @ViewChild('step') stepElement: ElementRef<HTMLElement>;\n\n protected readonly TooltipPositionType = TooltipPositionType;\n\n protected keyboardFocused = signal(false);\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n private readonly focusMonitor: FocusMonitor,\n private readonly destroyRef: DestroyRef\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngAfterViewInit() {\n this.subscriberFocus();\n }\n\n protected get hasLastStepDefaultIcon(): boolean {\n return !this.showIconWhenSelected || (this.showIconWhenSelected && !this.selected);\n }\n\n protected onStepSelected(index: number): void {\n if (!this.disabled) {\n this.stepSelected.emit(index);\n }\n }\n\n protected subscriberFocus(): void {\n this.focusMonitor\n .monitor(this.stepElement.nativeElement)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));\n }\n\n onKeydown($event: KeyboardEvent): void {\n if ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string)) {\n this.onStepSelected(this.index);\n } else if ($event.key === (IKeyboardEvent.ARROW_UP as string)) {\n const prevIndex = this.index - 1;\n const prevElement = document.getElementById(`step-${prevIndex}`);\n\n if (!prevElement) {\n return;\n }\n this.focusMonitor.focusVia(prevElement, 'keyboard');\n } else if ($event.key === (IKeyboardEvent.ARROW_DOWN as string)) {\n const nextIndex = this.index + 1;\n const nextElement = document.getElementById(`step-${nextIndex}`);\n\n if (!nextElement) {\n return;\n }\n this.focusMonitor.focusVia(nextElement, 'keyboard');\n }\n }\n}\n","@if (!mobileMode) {\n <ui-tooltip\n [message]=\"stepVariant === 'secondary' && largeTabletMode ? label : ''\"\n [position]=\"TooltipPositionType.BOTTOM\"\n >\n <div\n class=\"step-container\"\n #step\n tabindex=\"0\"\n [attr.tabindex]=\"disabled ? -1 : 0\"\n role=\"button\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n active: selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n disabled: disabled,\n vertical: position === 'vertical',\n 'keyboard-focused': keyboardFocused(),\n }\"\n [attr.theme]=\"applicationTheme\"\n (keydown.enter)=\"onStepSelected(index)\"\n (keydown.space)=\"$event.preventDefault(); onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n >\n <div class=\"step-icon\">\n @if (index && stepVariant === 'primary') {\n <div class=\"line\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n }\n\n @if (!finalIcon) {\n <div class=\"icon-wrapper\">\n @switch (true) {\n @case (isVisited && !selected && !alwaysShowIcon) {\n <ui-icon\n size=\"24\"\n [name]=\"stepVariant === 'secondary' ? 'Check-small-filled' : 'Check'\"\n [color]=\"\n (isVisited && index < selectedIndex) || stepVariant === 'secondary'\n ? 'white'\n : applicationTheme === 'classic'\n ? 'petrol'\n : 'rebrand-black'\n \"\n ></ui-icon>\n }\n @case ((selected && !!icon) || alwaysShowIcon) {\n <ui-icon\n [size]=\"'24'\"\n [name]=\"icon!\"\n [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"\n ></ui-icon>\n }\n @default {\n {{ index + 1 }}\n }\n }\n </div>\n } @else {\n @if (hasLastStepDefaultIcon && !alwaysShowIcon) {\n <img\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"\n applicationTheme === 'classic'\n ? '/images/step-finish.svg'\n : isVisited\n ? '/images/rebrand-last-step-icon-light.svg'\n : '/images/rebrand-last-step-icon-black.svg'\n \"\n />\n } @else {\n <div class=\"icon-wrapper\">\n @if (icon || (icon && alwaysShowIcon)) {\n <ui-icon [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n } @else {\n {{ index + 1 }}\n }\n </div>\n }\n }\n </div>\n\n <div class=\"steps-label\">\n @if (label) {\n <div class=\"step-label\" [ngClass]=\"{ 'step-bold-label': boldLabel }\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n }\n\n <div class=\"step-description-container\">\n @for (description of htmlDescription; track description) {\n <div class=\"step-description\">\n <div>{{ description.text }}</div>\n @if (description.iconName) {\n <ui-icon\n [name]=\"description.iconName\"\n [size]=\"'24'\"\n [matTooltip]=\"description.iconTooltip ?? ''\"\n ></ui-icon>\n }\n </div>\n }\n </div>\n\n @if (descriptionTpl) {\n <ng-container\n [ngTemplateOutlet]=\"descriptionTpl\"\n [ngTemplateOutletContext]=\"{\n $implicit: context,\n label,\n isVisited,\n submitted,\n index,\n selected,\n isLast,\n selectedIndex,\n disabled,\n prevStepIsVisited,\n mobileMode,\n finalIcon,\n showIconWhenSelected,\n position,\n }\"\n ></ng-container>\n }\n </div>\n </div>\n </ui-tooltip>\n} @else {\n <div\n class=\"mobile-step-container\"\n #step\n tabindex=\"0\"\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n active: selected,\n disabled: disabled,\n visited: isVisited,\n 'keyboard-focused': keyboardFocused(),\n }\"\n (keydown)=\"onKeydown($event)\"\n (keydown.enter)=\"onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-label]=\"label\"\n [attr.aria-controls]=\"index\"\n [id]=\"'step-' + index\"\n >\n <div class=\"step\">\n @if (!finalIcon) {\n <div class=\"icon\">\n @switch (true) {\n @case (isVisited && !selected) {\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n }\n @case (selected && !!icon) {\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n }\n @default {\n {{ index + 1 }}\n }\n }\n </div>\n } @else {\n @if (hasLastStepDefaultIcon) {\n <img\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"\n applicationTheme === 'classic'\n ? '/images/step-finish.svg'\n : isVisited\n ? '/images/rebrand-last-step-icon-light.svg'\n : '/images/rebrand-last-step-icon-black.svg'\n \"\n />\n } @else {\n <div class=\"icon\">\n @if (icon) {\n <ui-icon [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n } @else {\n {{ index + 1 }}\n }\n </div>\n }\n }\n\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, AsyncPipe } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n signal,\n ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Observable } from 'rxjs';\n\nimport {\n ApplicationTheme,\n IS_MOBILE_TOKEN,\n IS_LARGE_TABLET_TOKEN,\n UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { RadialProgressComponent } from '@testgorilla/tgo-ui/components/radial-progress';\n\nimport { StepLineElementDirective } from './step-line-element.directive';\nimport { StepComponent } from './step.component';\nimport { Step, StepperPosition, StepperVariation } from './stepper.model';\n\n@Component({\n selector: 'ui-stepper',\n templateUrl: './stepper.component.html',\n styleUrls: ['./stepper.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgClass,\n StepComponent,\n StepLineElementDirective,\n IconComponent,\n RadialProgressComponent,\n AsyncPipe,\n UiTranslatePipe,\n ],\n})\nexport class StepperComponent implements AfterViewInit {\n /**\n *\n * Auto selects first step as visited\n * Defaults to true\n *\n * @memberof StepperComponent\n */\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('firstStepAutoSelect') set setFirstStepAutoSelect(value: boolean) {\n this.firstStepAutoSelect = value;\n if (!this.firstStepAutoSelect) {\n this.itemSteps = this.itemSteps.map((step, i) => ({\n ...step,\n isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited,\n }));\n }\n }\n\n /**\n * Input property to set the steps for the stepper.\n * The first step will be marked as visited automatically.\n *\n * @memberof StepperComponent\n */\n @Input() set steps(itemSteps: Step[]) {\n this.itemSteps = itemSteps;\n if (itemSteps.length && this.firstStepAutoSelect) {\n const [first, ...other] = itemSteps;\n first.isVisited = true;\n this.itemSteps = [first, ...other];\n }\n }\n\n /**\n * Input property to set the selected index of the stepper.\n * Default value is 0.\n *\n * @memberof StepperComponent\n */\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('selectedIndex') set setSelectedIndex(value: number) {\n this.selectedIndex = value;\n if (!this.firstStepAutoSelect) {\n this.itemSteps = this.itemSteps.map((step, i) => ({\n ...step,\n isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited,\n }));\n }\n }\n\n /**\n * Input property indicating whether the final icon should be displayed.\n * Default value is false.\n *\n * @memberof StepperComponent\n */\n @Input() lastStepFinalIcon = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof StepperComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n * A string representing the ARIA label for accessibility.\n * This label is used to provide an accessible name for the input element.\n * @type {string}\n * @memberof StepperComponent\n */\n @Input() ariaLabel: string;\n\n /**\n * Defines the stepper position\n *\n * @type {StepperPosition}\n * @memberof StepperComponent\n */\n @Input() position: StepperPosition = 'horizontal';\n\n /**\n * A string representing the ARIA requirement for accessibility.\n * This attribute is used to indicate whether an input field is required for form submission.\n * @type {boolean}\n * @memberof StepperComponent\n */\n @Input() ariaRequired = false;\n\n /**\n * Selects the visual variant. 'primary' (the default) is the candidate\n * test-taking-flow style; 'secondary' is the newer company-side style\n * used in assessment/job creation wizards. Don't use the default in\n * company-side wizards.\n * @type {string}\n * @memberof StepperComponent\n */\n @Input() stepperVariant: StepperVariation = 'primary';\n\n @Output() selectionChange = new EventEmitter<{ selectedIndex: number; previousIndex: number; step: Step }>();\n\n private isOpened = false;\n private firstStepAutoSelect = true;\n protected itemSteps: Step[] = [];\n protected progressValue = 0;\n protected translationContext = 'STEPPER.';\n protected selectedIndex = 0;\n\n get isOpen(): boolean {\n return this.isOpened;\n }\n\n set isOpen(value: boolean) {\n this.isOpened = value;\n }\n\n protected keyboardFocused = signal(false);\n\n @ViewChild('stepper') stepperElement: ElementRef<HTMLElement>;\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n @Inject(IS_MOBILE_TOKEN) protected readonly isMobile$: Observable<boolean>,\n @Inject(IS_LARGE_TABLET_TOKEN) protected readonly isLargeTablet$: Observable<boolean>,\n protected focusMonitor: FocusMonitor,\n protected destroyRef: DestroyRef\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngAfterViewInit(): void {\n this.subscriberFocus();\n }\n\n protected onSelect(changedIndex: number, step: Step): void {\n if (!step.isVisited && this.selectedIndex !== changedIndex) {\n step.isVisited = true;\n }\n this.selectionChange.emit({ selectedIndex: changedIndex, previousIndex: this.selectedIndex, step });\n\n this.selectedIndex = changedIndex;\n this.onCloseStepList();\n }\n\n protected showStepsToggle(): void {\n this.isOpen = !this.isOpen;\n\n setTimeout(() => {\n this.selectedStepFocus();\n });\n }\n\n protected onCloseStepList(): void {\n this.isOpen = false;\n }\n\n protected subscriberFocus(): void {\n if (!this.stepperElement) {\n return;\n }\n\n this.focusMonitor\n .monitor(this.stepperElement.nativeElement)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));\n }\n\n private selectedStepFocus(): void {\n const selectedElement = document.getElementById(`step-${this.selectedIndex}`);\n\n if (this.keyboardFocused() && this.isOpen && selectedElement) {\n this.focusMonitor.focusVia(selectedElement, 'keyboard');\n }\n }\n}\n","<ng-container>\n <div style=\"position: absolute; left: -99999px\" [attr.aria-live]=\"'polite'\">\n <span>\n {{ itemSteps[selectedIndex]?.label ?? '' }}\n {{\n translationContext + 'SELECTED_OF'\n | uiTranslate: { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }\n | async\n }}\n {{\n itemSteps[selectedIndex]?.isVisited &&\n itemSteps.length <= (selectedIndex ?? 0) + 1 &&\n itemSteps[selectedIndex + 1]?.isVisited\n ? (translationContext + 'COMPLETED' | uiTranslate | async)\n : (translationContext + 'INCOMPLETE' | uiTranslate | async)\n }}\n </span>\n </div>\n\n @if ((position === 'horizontal' && (isMobile$ | async) === false) || position === 'vertical') {\n <div\n class=\"stepper-wrapper\"\n role=\"tablist\"\n [ngClass]=\"[position, stepperVariant === 'secondary' ? 'secondary-variant' : '']\"\n [attr.theme]=\"applicationTheme\"\n >\n @for (step of itemSteps; track step; let i = $index; let isLast = $last) {\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-controls]=\"'step-panel-' + i\"\n [attr.aria-selected]=\"i === selectedIndex\"\n [attr.aria-label]=\"step.label\"\n [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n [stepVariant]=\"stepperVariant\"\n [largeTabletMode]=\"isLargeTablet$ | async\"\n ></ui-step>\n </div>\n @if (!isLast && stepperVariant === 'primary') {\n <div class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n }\n @if (!isLast && stepperVariant === 'secondary') {\n <div class=\"separator-arrow\">\n <ui-icon class=\"separator-icon\" name=\"Arrow-chevron-right-in-line\" size=\"24\" color=\"gray\"></ui-icon>\n </div>\n }\n }\n </div>\n } @else {\n <div class=\"mobile-stepper-wrapper\">\n <div\n class=\"stepper\"\n tabindex=\"0\"\n #stepper\n role=\"button\"\n [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\n (keydown.enter)=\"showStepsToggle()\"\n (keydown.space)=\"showStepsToggle()\"\n [attr.aria-expanded]=\"isOpen\"\n >\n <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\n <ui-radial-progress\n [applicationTheme]=\"applicationTheme\"\n [value]=\"selectedIndex + 1\"\n [total]=\"itemSteps.length\"\n ></ui-radial-progress>\n </div>\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n @if (itemSteps.length !== selectedIndex + 1) {\n <span>{{ ('COMMON.NEXT' | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\n } @else {\n <span>{{ translationContext + 'FINAL_STEP' | uiTranslate | async }}</span>\n }\n </div>\n </div>\n <div\n class=\"open-steps\"\n tabindex=\"0\"\n role=\"button\"\n (keydown.enter)=\"showStepsToggle()\"\n (click)=\"showStepsToggle()\"\n [ngClass]=\"{ opened: isOpen }\"\n >\n <ui-icon\n data-testid=\"ui-stepper-icon\"\n [applicationTheme]=\"applicationTheme\"\n [size]=\"'24'\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"\n ></ui-icon>\n </div>\n </div>\n @if (isOpen) {\n <div>\n <div class=\"step-list\">\n @for (step of itemSteps; track step; let i = $index; let isLast = $last) {\n <div class=\"step\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [stepVariant]=\"stepperVariant\"\n ></ui-step>\n </div>\n }\n </div>\n <div\n class=\"overlay\"\n tabindex=\"0\"\n role=\"button\"\n (keydown.enter)=\"onCloseStepList()\"\n (click)=\"onCloseStepList()\"\n ></div>\n </div>\n }\n </div>\n }\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { StepComponent } from './step.component';\n\n@NgModule({\n imports: [CommonModule, IconComponentModule, MatTooltipModule, TooltipComponentModule, StepComponent],\n exports: [StepComponent],\n})\nexport class StepComponentModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { RadialProgressComponentModule } from '@testgorilla/tgo-ui/components/radial-progress';\n\nimport { StepLineElementDirective } from './step-line-element.directive';\nimport { StepComponentModule } from './step.component.module';\nimport { StepperComponent } from './stepper.component';\n\n@NgModule({\n imports: [\n CommonModule,\n IconComponentModule,\n StepComponentModule,\n MatProgressSpinnerModule,\n RadialProgressComponentModule,\n UiTranslatePipe,\n MatInputModule,\n StepperComponent,\n StepLineElementDirective,\n ],\n exports: [StepperComponent],\n})\nexport class StepperComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"testgorilla-tgo-ui-components-stepper.mjs","sources":["../../../components/stepper/step-line-element.directive.ts","../../../components/stepper/step.component.ts","../../../components/stepper/step.component.html","../../../components/stepper/stepper.component.ts","../../../components/stepper/stepper.component.html","../../../components/stepper/step.component.module.ts","../../../components/stepper/stepper.component.module.ts","../../../components/stepper/testgorilla-tgo-ui-components-stepper.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Input, OnChanges } from '@angular/core';\n\nimport { StepperPosition } from './stepper.model';\n\nconst MARGINS = 36;\nconst PADDING = 16;\n\n/**\n * Directive is used to draw lines between steps\n */\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector -- public directive selector; ui-prefix rename is breaking, deferred to the breaking-change MAJOR (see plan)\n selector: '[stepLineElement]',\n})\nexport class StepLineElementDirective implements OnChanges {\n @Input() stepLineElement: HTMLElement;\n @Input() position: StepperPosition = 'horizontal';\n\n @HostListener('window:resize.out-zone')\n resize(): void {\n this.setSize();\n }\n\n constructor(private readonly el: ElementRef<HTMLElement>) {}\n\n setSize(): void {\n if (this.position === 'horizontal') {\n this.el.nativeElement.style.width = `calc(100% + ${this.stepLineElement.getBoundingClientRect().width / 2 - PADDING}px)`;\n this.el.nativeElement.style.height = `0`;\n this.el.nativeElement.style.top = '45px';\n this.el.nativeElement.style.left = `-${this.stepLineElement.getBoundingClientRect().width / 2 - MARGINS}px`;\n } else {\n this.el.nativeElement.style.height = `calc(100% + ${this.stepLineElement.getBoundingClientRect().height / 2 - PADDING}px)`;\n this.el.nativeElement.style.width = '0';\n this.el.nativeElement.style.top = `-${this.stepLineElement.getBoundingClientRect().height / 2 - 30}px`;\n this.el.nativeElement.style.left = '34px';\n }\n }\n\n ngOnChanges(): void {\n queueMicrotask(() => {\n this.setSize();\n });\n }\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n signal,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ApplicationTheme, IKeyboardEvent } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipPositionType, TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { HtmlDescription, StepperPosition, StepperVariation } from './stepper.model';\n\n@Component({\n selector: 'ui-step',\n templateUrl: './step.component.html',\n styleUrls: ['./step.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [TooltipComponentModule, NgClass, IconComponent, MatTooltip, NgTemplateOutlet],\n})\nexport class StepComponent implements AfterViewInit {\n /**\n * Input property for the label of the step.\n *\n * @memberof StepComponent\n */\n @Input() label: string;\n\n /**\n * Input property indicating whether the step has been visited.\n *\n * @memberof StepComponent\n */\n @Input() isVisited: boolean;\n\n /**\n * Input property indicating whether the form has been submitted.\n *\n * @memberof StepComponent\n */\n @Input() submitted: boolean;\n\n /**\n * Input property for the icon associated with the step.\n *\n * @memberof StepComponent\n */\n @Input() icon: IconName | undefined = '';\n\n /**\n * Input property for the index of the step.\n *\n * @memberof StepComponent\n */\n @Input() index: number;\n\n /**\n * Input property indicating whether the step is currently selected.\n *\n * @memberof StepComponent\n */\n @Input() selected: boolean;\n\n /**\n * Input property indicating whether the step is the last step in the stepper.\n *\n * @memberof StepComponent\n */\n @Input() isLast: boolean;\n\n /**\n * Input property indicating the selected index in the stepper.\n *\n * @memberof StepComponent\n */\n @Input() selectedIndex: number;\n\n /**\n * Input property indicating whether the step is disabled.\n *\n * @memberof StepComponent\n */\n @Input() disabled = false;\n\n /**\n * Input property indicating whether the previous step has been visited.\n *\n * @memberof StepComponent\n */\n @Input() prevStepIsVisited: boolean | undefined = false;\n\n /**\n * Input property indicating whether the component is in mobile mode.\n *\n * @memberof StepComponent\n */\n @Input() mobileMode = false;\n\n /**\n * Input property indicating whether the component is in large tablet mode.\n *\n * @memberof StepComponent\n */\n @Input() largeTabletMode: boolean | null = false;\n\n /**\n * Input property indicating whether the final icon should be displayed.\n *\n * @memberof StepComponent\n */\n @Input() finalIcon = false;\n\n /**\n * Input property indicating to display icon when step is selected.\n *\n * @memberof StepComponent\n */\n @Input() showIconWhenSelected = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof StepComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n *\n * Defines the stepper position\n *\n * @type {StepperPosition}\n * @memberof StepComponent\n */\n @Input() position: StepperPosition;\n\n /**\n *\n * Step description\n *\n * @type {HtmlDescription[]}\n * @memberof StepComponent\n */\n @Input() htmlDescription: HtmlDescription[] = [];\n\n /**\n *\n * Sets bold font weight for label\n *\n * @type {boolean}\n * @memberof StepComponent\n */\n @Input() boldLabel = false;\n\n /**\n *\n * Template for the step description\n *\n * @type {TemplateRef}\n * @memberof StepComponent\n */\n @Input() descriptionTpl?: TemplateRef<unknown>;\n\n /**\n *\n * Tooltip for the step label\n *\n * @type {string}\n * @memberof StepComponent\n */\n @Input() labelTooltip?: string;\n\n /**\n *\n * Always show step icon instead of number\n *\n * @type {boolean}\n * @memberof StepComponent\n */\n @Input() alwaysShowIcon = false;\n\n /**\n *\n * Context for the step template\n *\n * @type {any}\n * @memberof StepComponent\n */\n @Input() context: unknown;\n\n /**\n * A string representing the step variant.\n * This attribute is used to indicate the variant that should be used.\n * @type {string}\n * @memberof StepComponent\n */\n @Input() stepVariant: StepperVariation = 'primary';\n\n /**\n * Event emitted when the step was clicked.\n * @type {number}\n * @memberof StepComponent\n */\n @Output() stepSelected = new EventEmitter<number>();\n\n @ViewChild('step') stepElement: ElementRef<HTMLElement>;\n\n protected readonly TooltipPositionType = TooltipPositionType;\n\n protected keyboardFocused = signal(false);\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n private readonly focusMonitor: FocusMonitor,\n private readonly destroyRef: DestroyRef\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngAfterViewInit() {\n this.subscriberFocus();\n }\n\n protected get hasLastStepDefaultIcon(): boolean {\n return !this.showIconWhenSelected || (this.showIconWhenSelected && !this.selected);\n }\n\n protected onStepSelected(index: number): void {\n if (!this.disabled) {\n this.stepSelected.emit(index);\n }\n }\n\n protected subscriberFocus(): void {\n this.focusMonitor\n .monitor(this.stepElement.nativeElement)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));\n }\n\n onKeydown($event: KeyboardEvent): void {\n if ($event.key === (IKeyboardEvent.ENTER as string) || $event.key === (IKeyboardEvent.SPACE as string)) {\n this.onStepSelected(this.index);\n } else if ($event.key === (IKeyboardEvent.ARROW_UP as string)) {\n const prevIndex = this.index - 1;\n const prevElement = document.getElementById(`step-${prevIndex}`);\n\n if (!prevElement) {\n return;\n }\n this.focusMonitor.focusVia(prevElement, 'keyboard');\n } else if ($event.key === (IKeyboardEvent.ARROW_DOWN as string)) {\n const nextIndex = this.index + 1;\n const nextElement = document.getElementById(`step-${nextIndex}`);\n\n if (!nextElement) {\n return;\n }\n this.focusMonitor.focusVia(nextElement, 'keyboard');\n }\n }\n}\n","@if (!mobileMode) {\n <ui-tooltip\n [message]=\"stepVariant === 'secondary' && largeTabletMode ? label : ''\"\n [position]=\"TooltipPositionType.BOTTOM\"\n >\n <div\n class=\"step-container\"\n #step\n tabindex=\"0\"\n [attr.tabindex]=\"disabled ? -1 : 0\"\n role=\"button\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n active: selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n disabled: disabled,\n vertical: position === 'vertical',\n 'keyboard-focused': keyboardFocused(),\n }\"\n [attr.theme]=\"applicationTheme\"\n (keydown.enter)=\"onStepSelected(index)\"\n (keydown.space)=\"$event.preventDefault(); onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n >\n <div class=\"step-icon\">\n @if (index && stepVariant === 'primary') {\n <div class=\"line\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n }\n\n @if (!finalIcon) {\n <div class=\"icon-wrapper\">\n @switch (true) {\n @case (isVisited && !selected && !alwaysShowIcon) {\n <ui-icon\n size=\"24\"\n [name]=\"stepVariant === 'secondary' ? 'Check-small-filled' : 'Check'\"\n [color]=\"\n (isVisited && index < selectedIndex) || stepVariant === 'secondary'\n ? 'white'\n : applicationTheme === 'classic'\n ? 'petrol'\n : 'rebrand-black'\n \"\n ></ui-icon>\n }\n @case ((selected && !!icon) || alwaysShowIcon) {\n <ui-icon\n [size]=\"'24'\"\n [name]=\"icon!\"\n [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"\n ></ui-icon>\n }\n @default {\n {{ index + 1 }}\n }\n }\n </div>\n } @else {\n @if (hasLastStepDefaultIcon && !alwaysShowIcon) {\n <img\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"\n applicationTheme === 'classic'\n ? '/images/step-finish.svg'\n : isVisited\n ? '/images/rebrand-last-step-icon-light.svg'\n : '/images/rebrand-last-step-icon-black.svg'\n \"\n />\n } @else {\n <div class=\"icon-wrapper\">\n @if (icon || (icon && alwaysShowIcon)) {\n <ui-icon [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n } @else {\n {{ index + 1 }}\n }\n </div>\n }\n }\n </div>\n\n <div class=\"steps-label\">\n @if (label) {\n <div class=\"step-label\" [ngClass]=\"{ 'step-bold-label': boldLabel }\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n }\n\n <div class=\"step-description-container\">\n @for (description of htmlDescription; track description) {\n <div class=\"step-description\">\n <div>{{ description.text }}</div>\n @if (description.iconName) {\n <ui-icon\n [name]=\"description.iconName\"\n [size]=\"'24'\"\n [matTooltip]=\"description.iconTooltip ?? ''\"\n ></ui-icon>\n }\n </div>\n }\n </div>\n\n @if (descriptionTpl) {\n <ng-container\n [ngTemplateOutlet]=\"descriptionTpl\"\n [ngTemplateOutletContext]=\"{\n $implicit: context,\n label,\n isVisited,\n submitted,\n index,\n selected,\n isLast,\n selectedIndex,\n disabled,\n prevStepIsVisited,\n mobileMode,\n finalIcon,\n showIconWhenSelected,\n position,\n }\"\n ></ng-container>\n }\n </div>\n </div>\n </ui-tooltip>\n} @else {\n <div\n class=\"mobile-step-container\"\n #step\n tabindex=\"0\"\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [ngClass]=\"{\n 'secondary-step-variant': stepVariant === 'secondary',\n active: selected,\n disabled: disabled,\n visited: isVisited,\n 'keyboard-focused': keyboardFocused(),\n }\"\n (keydown)=\"onKeydown($event)\"\n (keydown.enter)=\"onStepSelected(index)\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-selected]=\"selected\"\n [attr.aria-disabled]=\"disabled\"\n [attr.aria-label]=\"label\"\n [attr.aria-controls]=\"index\"\n [id]=\"'step-' + index\"\n >\n <div class=\"step\">\n @if (!finalIcon) {\n <div class=\"icon\">\n @switch (true) {\n @case (isVisited && !selected) {\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n }\n @case (selected && !!icon) {\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n }\n @default {\n {{ index + 1 }}\n }\n }\n </div>\n } @else {\n @if (hasLastStepDefaultIcon) {\n <img\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"\n applicationTheme === 'classic'\n ? '/images/step-finish.svg'\n : isVisited\n ? '/images/rebrand-last-step-icon-light.svg'\n : '/images/rebrand-last-step-icon-black.svg'\n \"\n />\n } @else {\n <div class=\"icon\">\n @if (icon) {\n <ui-icon [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n } @else {\n {{ index + 1 }}\n }\n </div>\n }\n }\n\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { NgClass, AsyncPipe } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n DestroyRef,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n Optional,\n Output,\n signal,\n ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Observable } from 'rxjs';\n\nimport {\n ApplicationTheme,\n IS_MOBILE_TOKEN,\n IS_LARGE_TABLET_TOKEN,\n UiTranslatePipe,\n} from '@testgorilla/tgo-ui/components/core';\nimport { IconComponent } from '@testgorilla/tgo-ui/components/icon';\nimport { RadialProgressComponent } from '@testgorilla/tgo-ui/components/radial-progress';\n\nimport { StepLineElementDirective } from './step-line-element.directive';\nimport { StepComponent } from './step.component';\nimport { Step, StepperPosition, StepperVariation } from './stepper.model';\n\n@Component({\n selector: 'ui-stepper',\n templateUrl: './stepper.component.html',\n styleUrls: ['./stepper.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n NgClass,\n StepComponent,\n StepLineElementDirective,\n IconComponent,\n RadialProgressComponent,\n AsyncPipe,\n UiTranslatePipe,\n ],\n})\nexport class StepperComponent implements AfterViewInit {\n /**\n *\n * Auto selects first step as visited\n * Defaults to true\n *\n * @memberof StepperComponent\n */\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('firstStepAutoSelect') set setFirstStepAutoSelect(value: boolean) {\n this.firstStepAutoSelect = value;\n if (!this.firstStepAutoSelect) {\n this.itemSteps = this.itemSteps.map((step, i) => ({\n ...step,\n isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited,\n }));\n }\n }\n\n /**\n * Input property to set the steps for the stepper.\n * The first step will be marked as visited automatically.\n *\n * @memberof StepperComponent\n */\n @Input() set steps(itemSteps: Step[]) {\n this.itemSteps = itemSteps;\n if (itemSteps.length && this.firstStepAutoSelect) {\n const [first, ...other] = itemSteps;\n first.isVisited = true;\n this.itemSteps = [first, ...other];\n }\n }\n\n /**\n * Input property to set the selected index of the stepper.\n * Default value is 0.\n *\n * @memberof StepperComponent\n */\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('selectedIndex') set setSelectedIndex(value: number) {\n this.selectedIndex = value;\n if (!this.firstStepAutoSelect) {\n this.itemSteps = this.itemSteps.map((step, i) => ({\n ...step,\n isVisited: i === 0 && this.selectedIndex === -1 ? false : step.isVisited,\n }));\n }\n }\n\n /**\n * Input property indicating whether the final icon should be displayed.\n * Default value is false.\n *\n * @memberof StepperComponent\n */\n @Input() lastStepFinalIcon = false;\n\n /**\n *\n * Defines the application theme\n *\n * @type {ApplicationTheme}\n * @memberof StepperComponent\n */\n @Input() applicationTheme: ApplicationTheme = 'light';\n\n /**\n * A string representing the ARIA label for accessibility.\n * This label is used to provide an accessible name for the input element.\n * @type {string}\n * @memberof StepperComponent\n */\n @Input() ariaLabel: string;\n\n /**\n * Defines the stepper position\n *\n * @type {StepperPosition}\n * @memberof StepperComponent\n */\n @Input() position: StepperPosition = 'horizontal';\n\n /**\n * A string representing the ARIA requirement for accessibility.\n * This attribute is used to indicate whether an input field is required for form submission.\n * @type {boolean}\n * @memberof StepperComponent\n */\n @Input() ariaRequired = false;\n\n /**\n * Selects the visual variant. 'primary' (the default) is the candidate\n * test-taking-flow style; 'secondary' is the newer company-side style\n * used in assessment/job creation wizards. Don't use the default in\n * company-side wizards.\n * @type {string}\n * @memberof StepperComponent\n */\n @Input() stepperVariant: StepperVariation = 'primary';\n\n @Output() selectionChange = new EventEmitter<{ selectedIndex: number; previousIndex: number; step: Step }>();\n\n private isOpened = false;\n private firstStepAutoSelect = true;\n protected itemSteps: Step[] = [];\n protected progressValue = 0;\n protected translationContext = 'STEPPER.';\n protected selectedIndex = 0;\n\n get isOpen(): boolean {\n return this.isOpened;\n }\n\n set isOpen(value: boolean) {\n this.isOpened = value;\n }\n\n protected keyboardFocused = signal(false);\n\n @ViewChild('stepper') stepperElement: ElementRef<HTMLElement>;\n\n constructor(\n @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n @Inject(IS_MOBILE_TOKEN) protected readonly isMobile$: Observable<boolean>,\n @Inject(IS_LARGE_TABLET_TOKEN) protected readonly isLargeTablet$: Observable<boolean>,\n protected focusMonitor: FocusMonitor,\n protected destroyRef: DestroyRef\n ) {\n if (defaultAppTheme) {\n this.applicationTheme = defaultAppTheme;\n }\n }\n\n ngAfterViewInit(): void {\n this.subscriberFocus();\n }\n\n protected onSelect(changedIndex: number, step: Step): void {\n if (!step.isVisited && this.selectedIndex !== changedIndex) {\n step.isVisited = true;\n }\n this.selectionChange.emit({ selectedIndex: changedIndex, previousIndex: this.selectedIndex, step });\n\n this.selectedIndex = changedIndex;\n this.onCloseStepList();\n }\n\n protected showStepsToggle(): void {\n this.isOpen = !this.isOpen;\n\n setTimeout(() => {\n this.selectedStepFocus();\n });\n }\n\n protected onCloseStepList(): void {\n this.isOpen = false;\n }\n\n protected subscriberFocus(): void {\n if (!this.stepperElement) {\n return;\n }\n\n this.focusMonitor\n .monitor(this.stepperElement.nativeElement)\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(origin => this.keyboardFocused.set(origin === 'keyboard'));\n }\n\n private selectedStepFocus(): void {\n const selectedElement = document.getElementById(`step-${this.selectedIndex}`);\n\n if (this.keyboardFocused() && this.isOpen && selectedElement) {\n this.focusMonitor.focusVia(selectedElement, 'keyboard');\n }\n }\n}\n","<ng-container>\n <div style=\"position: absolute; left: -99999px\" [attr.aria-live]=\"'polite'\">\n <span>\n {{ itemSteps[selectedIndex]?.label ?? '' }}\n {{\n translationContext + 'SELECTED_OF'\n | uiTranslate: { selected: (selectedIndex ?? 0) + 1, total: itemSteps?.length ?? 0 }\n | async\n }}\n {{\n itemSteps[selectedIndex]?.isVisited &&\n itemSteps.length <= (selectedIndex ?? 0) + 1 &&\n itemSteps[selectedIndex + 1]?.isVisited\n ? (translationContext + 'COMPLETED' | uiTranslate | async)\n : (translationContext + 'INCOMPLETE' | uiTranslate | async)\n }}\n </span>\n </div>\n\n @if ((position === 'horizontal' && (isMobile$ | async) === false) || position === 'vertical') {\n <div\n class=\"stepper-wrapper\"\n role=\"tablist\"\n [ngClass]=\"[position, stepperVariant === 'secondary' ? 'secondary-variant' : '']\"\n [attr.theme]=\"applicationTheme\"\n >\n @for (step of itemSteps; track step; let i = $index; let isLast = $last) {\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n role=\"tab\"\n [attr.aria-controls]=\"'step-panel-' + i\"\n [attr.aria-selected]=\"i === selectedIndex\"\n [attr.aria-label]=\"step.label\"\n [attr.tabindex]=\"(step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)) ? -1 : 0\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n [stepVariant]=\"stepperVariant\"\n [largeTabletMode]=\"isLargeTablet$ | async\"\n ></ui-step>\n </div>\n @if (!isLast && stepperVariant === 'primary') {\n <div class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n }\n @if (!isLast && stepperVariant === 'secondary') {\n <div class=\"separator-arrow\">\n <ui-icon class=\"separator-icon\" name=\"Arrow-chevron-right-in-line\" size=\"24\" color=\"gray\"></ui-icon>\n </div>\n }\n }\n </div>\n } @else {\n <div class=\"mobile-stepper-wrapper\">\n <div\n class=\"stepper\"\n tabindex=\"0\"\n #stepper\n role=\"button\"\n [ngClass]=\"{ 'keyboard-focused': keyboardFocused() }\"\n (keydown.enter)=\"showStepsToggle()\"\n (keydown.space)=\"showStepsToggle()\"\n [attr.aria-expanded]=\"isOpen\"\n >\n <div class=\"progress-step\" [tabindex]=\"-1\" [attr.aria-hidden]=\"true\">\n <ui-radial-progress\n [applicationTheme]=\"applicationTheme\"\n [value]=\"selectedIndex + 1\"\n [total]=\"itemSteps.length\"\n ></ui-radial-progress>\n </div>\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n @if (itemSteps.length !== selectedIndex + 1) {\n <span>{{ ('COMMON.NEXT' | uiTranslate | async) + ':' }} {{ itemSteps[selectedIndex + 1].label }}</span>\n } @else {\n <span>{{ translationContext + 'FINAL_STEP' | uiTranslate | async }}</span>\n }\n </div>\n </div>\n <div\n class=\"open-steps\"\n tabindex=\"0\"\n role=\"button\"\n (keydown.enter)=\"showStepsToggle()\"\n (click)=\"showStepsToggle()\"\n [ngClass]=\"{ opened: isOpen }\"\n >\n <ui-icon\n data-testid=\"ui-stepper-icon\"\n [applicationTheme]=\"applicationTheme\"\n [size]=\"'24'\"\n [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"\n ></ui-icon>\n </div>\n </div>\n @if (isOpen) {\n <div>\n <div class=\"step-list\">\n @for (step of itemSteps; track step; let i = $index; let isLast = $last) {\n <div class=\"step\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [stepVariant]=\"stepperVariant\"\n ></ui-step>\n </div>\n }\n </div>\n <div\n class=\"overlay\"\n tabindex=\"0\"\n role=\"button\"\n (keydown.enter)=\"onCloseStepList()\"\n (click)=\"onCloseStepList()\"\n ></div>\n </div>\n }\n </div>\n }\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { StepComponent } from './step.component';\n\n@NgModule({\n imports: [CommonModule, IconComponentModule, MatTooltipModule, TooltipComponentModule, StepComponent],\n exports: [StepComponent],\n})\nexport class StepComponentModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { RadialProgressComponentModule } from '@testgorilla/tgo-ui/components/radial-progress';\n\nimport { StepLineElementDirective } from './step-line-element.directive';\nimport { StepComponentModule } from './step.component.module';\nimport { StepperComponent } from './stepper.component';\n\n@NgModule({\n imports: [\n CommonModule,\n IconComponentModule,\n StepComponentModule,\n MatProgressSpinnerModule,\n RadialProgressComponentModule,\n UiTranslatePipe,\n MatInputModule,\n StepperComponent,\n StepLineElementDirective,\n ],\n exports: [StepperComponent],\n})\nexport class StepperComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}