@testgorilla/tgo-ui 6.2.3 → 6.2.8
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.
- package/README.md +158 -53
- package/components/autocomplete/autocomplete.component.d.ts +2 -2
- package/components/badge/badge.component.d.ts +6 -6
- package/components/button/button.component.d.ts +4 -4
- package/components/checklist/checklist.component.d.ts +4 -5
- package/components/deprecated-paginator/deprecated-paginator.component.d.ts +2 -6
- package/components/dialog/dialog.component.d.ts +1 -1
- package/components/dialog/dialog.model.d.ts +2 -2
- package/components/dropdown/dropdown.component.d.ts +2 -2
- package/components/empty-state/empty-state.component.d.ts +2 -2
- package/components/file-upload/file-upload.component.d.ts +1 -1
- package/components/icon/icon-svg-content.d.ts +1 -1
- package/components/icon/icon.component.d.ts +2 -2
- package/components/icon/icon.model.d.ts +3 -3
- package/components/icon-label/icon-label.component.d.ts +1 -3
- package/components/logo/logo.component.d.ts +1 -1
- package/components/multi-input/multi-input.component.d.ts +1 -1
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +3 -3
- package/components/overflow-menu/overflow-menu.model.d.ts +1 -0
- package/components/password-criteria/password.component.d.ts +1 -1
- package/components/radial-progress/radial-progress.component.d.ts +2 -2
- package/components/radio-button/radio-button.component.d.ts +3 -3
- package/components/segmented-bar/segmented-bar.component.d.ts +1 -1
- package/components/segmented-button/segmented-button.component.d.ts +1 -1
- package/components/side-panel/side-panel.model.d.ts +1 -1
- package/components/side-sheet/side-sheet.component.d.ts +1 -1
- package/components/spider-chart/spider-chart.component.d.ts +2 -2
- package/components/spider-chart/spider-chart.model.d.ts +2 -2
- package/components/stepper/step-line-element.directive.d.ts +1 -1
- package/components/stepper/step.component.d.ts +1 -1
- package/components/stepper/stepper.component.d.ts +2 -2
- package/components/table/table.component.d.ts +2 -2
- package/components/tabs/tabs.component.d.ts +2 -2
- package/components/universal-skills/universal-skills-report.component.d.ts +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +7 -25
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +31 -18
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +39 -19
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +38 -10
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +22 -16
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +8 -8
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +18 -5
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +2 -3
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +2 -3
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +8 -7
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +2 -7
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +1 -3
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +28 -6
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +5 -3
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +42 -10
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +21 -5
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +14 -11
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +25 -7
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +25 -9
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +14 -15
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +2 -7
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +85 -79
- package/projects/tgo-canopy-ui/theme/_alert-bars.scss +2 -1
- package/projects/tgo-canopy-ui/theme/_breakpoints-mixin.scss +6 -6
- package/projects/tgo-canopy-ui/theme/_core.scss +1 -1
- package/projects/tgo-canopy-ui/theme/_icon.scss +1 -1
- package/projects/tgo-canopy-ui/theme/_input.scss +108 -65
- package/projects/tgo-canopy-ui/theme/_lib-styles.scss +8 -7
- package/projects/tgo-canopy-ui/theme/_mat-paginator.scss +11 -10
- package/projects/tgo-canopy-ui/theme/_palette.scss +41 -29
- package/projects/tgo-canopy-ui/theme/_tooltip.scss +30 -30
- package/projects/tgo-canopy-ui/theme/_typography.scss +24 -14
- package/projects/tgo-canopy-ui/theme/_variables.scss +56 -56
- package/projects/tgo-canopy-ui/theme/theme.scss +19 -18
package/README.md
CHANGED
|
@@ -1,55 +1,161 @@
|
|
|
1
|
-
# TestGorilla UI Library
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
#
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
-
|
|
34
|
-
|
|
35
|
-
-
|
|
36
|
-
-
|
|
37
|
-
-
|
|
38
|
-
-
|
|
39
|
-
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
-
|
|
48
|
-
-
|
|
49
|
-
-
|
|
50
|
-
-
|
|
51
|
-
|
|
52
|
-
|
|
1
|
+
# TestGorilla UI Library (`@testgorilla/tgo-ui`)
|
|
2
|
+
|
|
3
|
+
Angular 19 UI component library providing reusable components for TestGorilla applications.
|
|
4
|
+
|
|
5
|
+
## Development
|
|
6
|
+
|
|
7
|
+
To see library changes reflected in the demo app:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm run build:tgo-ui # Build the library
|
|
11
|
+
npm run start:client # Serve the demo app
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
Or use watch mode during active development:
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm run watch # Build library in watch mode (then run start:client)
|
|
18
|
+
npm run storybook # Start Storybook on port 6006
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Components
|
|
22
|
+
|
|
23
|
+
### AI
|
|
24
|
+
|
|
25
|
+
- `ui-ai-audio-circle`
|
|
26
|
+
- `ui-ai-caveat`
|
|
27
|
+
- `ui-ai-feedback`
|
|
28
|
+
- `ui-audio-waveform`
|
|
29
|
+
|
|
30
|
+
### Forms & Inputs
|
|
31
|
+
|
|
32
|
+
- `ui-autocomplete`
|
|
33
|
+
- `ui-checkbox`
|
|
34
|
+
- `ui-datepicker`
|
|
35
|
+
- `ui-dropdown`
|
|
36
|
+
- `ui-field`
|
|
37
|
+
- `ui-inline-field`
|
|
38
|
+
- `ui-multi-input`
|
|
39
|
+
- `ui-phone-input`
|
|
40
|
+
- `ui-radio-button`
|
|
41
|
+
- `ui-slider`
|
|
42
|
+
- `ui-toggle`
|
|
43
|
+
- `ui-validation-error`
|
|
44
|
+
|
|
45
|
+
### Buttons & Actions
|
|
46
|
+
|
|
47
|
+
- `ui-button`
|
|
48
|
+
- `ui-filter-button`
|
|
49
|
+
- `ui-overflow-menu`
|
|
50
|
+
- `ui-segmented-button`
|
|
51
|
+
|
|
52
|
+
### Feedback & Status
|
|
53
|
+
|
|
54
|
+
- `ui-alert-banner`
|
|
55
|
+
- `ui-badge`
|
|
56
|
+
- `ui-progress-bar`
|
|
57
|
+
- `ui-radial-progress`
|
|
58
|
+
- `ui-rating`
|
|
59
|
+
- `ui-skeleton`
|
|
60
|
+
- `ui-snackbar`
|
|
61
|
+
- `ui-spinner`
|
|
62
|
+
- `ui-stepper`
|
|
63
|
+
|
|
64
|
+
### Data Visualization
|
|
65
|
+
|
|
66
|
+
- `ui-donut-chart`
|
|
67
|
+
- `ui-gaussian-chart`
|
|
68
|
+
- `ui-scale`
|
|
69
|
+
- `ui-scale-table`
|
|
70
|
+
- `ui-segmented-bar`
|
|
71
|
+
- `ui-spider-chart`
|
|
72
|
+
|
|
73
|
+
### Layout & Navigation
|
|
74
|
+
|
|
75
|
+
- `ui-accordion`
|
|
76
|
+
- `ui-breadcrumb`
|
|
77
|
+
- `ui-divider`
|
|
78
|
+
- `ui-navbar`
|
|
79
|
+
- `ui-page-header`
|
|
80
|
+
- `ui-paginator`
|
|
81
|
+
- `ui-side-panel`
|
|
82
|
+
- `ui-side-sheet`
|
|
83
|
+
- `ui-tabs`
|
|
84
|
+
|
|
85
|
+
### Cards & Media
|
|
86
|
+
|
|
87
|
+
- `ui-avatar`
|
|
88
|
+
- `ui-card`
|
|
89
|
+
- `ui-media-card`
|
|
90
|
+
- `ui-media-dialog`
|
|
91
|
+
- `ui-selectable-card`
|
|
92
|
+
|
|
93
|
+
### Content & Misc
|
|
94
|
+
|
|
95
|
+
- `ui-checklist`
|
|
96
|
+
- `ui-dialog`
|
|
97
|
+
- `ui-elevation-shadow`
|
|
98
|
+
- `ui-empty-state`
|
|
99
|
+
- `ui-file-upload`
|
|
100
|
+
- `ui-icon`
|
|
101
|
+
- `ui-icon-label`
|
|
102
|
+
- `ui-logo`
|
|
103
|
+
- `ui-password-criteria`
|
|
104
|
+
- `ui-password-strength`
|
|
105
|
+
- `ui-prompt`
|
|
106
|
+
- `ui-table`
|
|
107
|
+
- `ui-tag`
|
|
108
|
+
- `ui-tooltip`
|
|
109
|
+
- `ui-universal-skills`
|
|
110
|
+
|
|
111
|
+
## Contributing
|
|
112
|
+
|
|
113
|
+
### PR Requirements
|
|
114
|
+
|
|
115
|
+
Every pull request must include:
|
|
116
|
+
|
|
117
|
+
1. **Version bump** — increment the version in `package.json` following semver:
|
|
118
|
+
- `PATCH` (e.g. `6.2.4` → `6.2.5`) for bug fixes, CI/tooling changes, dependency updates
|
|
119
|
+
- `MINOR` (e.g. `6.2.x` → `6.3.0`) for new components, new inputs/outputs, new features
|
|
120
|
+
- `MAJOR` for breaking changes (removed inputs, renamed selectors, changed API contracts)
|
|
121
|
+
|
|
122
|
+
2. **Changelog entry** — add an entry to the top of `CHANGELOG.md` in this format:
|
|
123
|
+
|
|
124
|
+
```markdown
|
|
125
|
+
## <version> - <YYYY-MM-DD>
|
|
126
|
+
|
|
127
|
+
### Added
|
|
128
|
+
- ComponentName: description of what was added
|
|
129
|
+
|
|
130
|
+
### Changed
|
|
131
|
+
- ComponentName: description of what changed
|
|
132
|
+
|
|
133
|
+
### Fixed
|
|
134
|
+
- ComponentName: description of what was fixed
|
|
135
|
+
|
|
136
|
+
### Misc
|
|
137
|
+
- CI: description of tooling/CI change
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
Example:
|
|
141
|
+
|
|
142
|
+
```markdown
|
|
143
|
+
## 6.3.0 - 2026-03-11
|
|
144
|
+
|
|
145
|
+
### Added
|
|
146
|
+
- Tabs: Add `tabHeaderSize` input — `'big'` (64px, default), `'medium'` (56px), `'small'` (32px)
|
|
147
|
+
- Icon: Add `Rocket` icon
|
|
148
|
+
|
|
149
|
+
### Fixed
|
|
150
|
+
- SidePanel: Fix backdrop not closing panel on click when `disableAnimation` is set
|
|
151
|
+
|
|
152
|
+
### Misc
|
|
153
|
+
- CI: Add automated GitHub release creation on publish
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
CI will fail the PR if either check is missing — `check-version-bump` and `check-changelog-entry` run automatically on every PR.
|
|
157
|
+
|
|
158
|
+
---
|
|
53
159
|
|
|
54
160
|
## Visual Regression Testing
|
|
55
161
|
|
|
@@ -100,4 +206,3 @@ Visual tests run in Docker to ensure:
|
|
|
100
206
|
- **Font rendering differences**: Always use Docker commands for consistency
|
|
101
207
|
- **Timeout issues**: Server waits up to 60 seconds for Storybook to be ready
|
|
102
208
|
- **Memory issues**: Docker services configured with 4GB heap size
|
|
103
|
-
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
2
2
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
3
|
-
import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
3
|
+
import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges, OnInit } from '@angular/core';
|
|
4
4
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
5
5
|
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
6
6
|
import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
|
|
@@ -8,7 +8,7 @@ import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
|
8
8
|
import { AutocompleteUtils } from '@testgorilla/tgo-ui/components/core';
|
|
9
9
|
import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariationType } from './autocomplete.model';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
-
export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy {
|
|
11
|
+
export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit {
|
|
12
12
|
private readonly defaultAppTheme;
|
|
13
13
|
private readonly cdr;
|
|
14
14
|
ngControl: NgControl;
|
|
@@ -11,12 +11,12 @@ export declare class BadgeComponent {
|
|
|
11
11
|
*/
|
|
12
12
|
label: string;
|
|
13
13
|
/**
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
* A static label always displayed after the main label, never truncated.
|
|
15
|
+
* Intended for short suffixes (max 4 chars, e.g. "100%").
|
|
16
|
+
* When the main label is truncated, the tooltip shows both labels in full.
|
|
17
|
+
* @type {string}
|
|
18
|
+
* @memberof BadgeComponent
|
|
19
|
+
*/
|
|
20
20
|
staticLabel: string;
|
|
21
21
|
/**
|
|
22
22
|
* The icon name to be displayed on the badge.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
1
2
|
import { AfterViewInit, ElementRef, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
3
|
-
import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
|
|
4
3
|
import { MatButton } from '@angular/material/button';
|
|
5
|
-
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
6
4
|
import { TooltipPosition } from '@angular/material/tooltip';
|
|
7
|
-
import {
|
|
5
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
6
|
+
import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
7
|
+
import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
10
10
|
private readonly defaultAppTheme;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ApplicationTheme, Language } from '@testgorilla/tgo-ui/components/core';
|
|
1
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
3
2
|
import type { ChecklistItem } from './checklist.model';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class ChecklistComponent {
|
|
@@ -21,7 +20,7 @@ export declare class ChecklistComponent {
|
|
|
21
20
|
* @type {ModelSignal<ChecklistItem[]>}
|
|
22
21
|
* @memberof ChecklistComponent
|
|
23
22
|
*/
|
|
24
|
-
items: ModelSignal<ChecklistItem[]>;
|
|
23
|
+
items: import("@angular/core").ModelSignal<ChecklistItem[]>;
|
|
25
24
|
/**
|
|
26
25
|
* Application theme
|
|
27
26
|
* @type {ApplicationTheme}
|
|
@@ -48,7 +47,7 @@ export declare class ChecklistComponent {
|
|
|
48
47
|
* @type {Language}
|
|
49
48
|
* @memberof ChecklistComponent
|
|
50
49
|
*/
|
|
51
|
-
language: import("@angular/core").InputSignal<Language>;
|
|
50
|
+
language: import("@angular/core").InputSignal<import("@testgorilla/tgo-ui/components/core").Language>;
|
|
52
51
|
/**
|
|
53
52
|
* A boolean property that determines whether the checklist items should be automatically checked.
|
|
54
53
|
*
|
|
@@ -69,7 +68,7 @@ export declare class ChecklistComponent {
|
|
|
69
68
|
* Represents the currently selected item in the checklist.
|
|
70
69
|
* This is an instance of the `ChecklistItem` supports two-way binding.
|
|
71
70
|
*/
|
|
72
|
-
selectedItem: ModelSignal<ChecklistItem | undefined>;
|
|
71
|
+
selectedItem: import("@angular/core").ModelSignal<ChecklistItem | undefined>;
|
|
73
72
|
readonly currentIndex: import("@angular/core").Signal<number>;
|
|
74
73
|
protected progress: import("@angular/core").Signal<number>;
|
|
75
74
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { EventEmitter
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { PageEvent } from '@angular/material/paginator';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DeprecatedPaginatorComponent
|
|
4
|
+
export declare class DeprecatedPaginatorComponent {
|
|
5
5
|
/**
|
|
6
6
|
* Paginator size options
|
|
7
7
|
*
|
|
@@ -27,10 +27,6 @@ export declare class DeprecatedPaginatorComponent implements OnInit {
|
|
|
27
27
|
* @ignore
|
|
28
28
|
*/
|
|
29
29
|
paginatorChangedEvent: EventEmitter<PageEvent>;
|
|
30
|
-
/**
|
|
31
|
-
* @ignore
|
|
32
|
-
*/
|
|
33
|
-
ngOnInit(): void;
|
|
34
30
|
constructor();
|
|
35
31
|
paginatorChanged(paginator: PageEvent): void;
|
|
36
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponent, never>;
|
|
@@ -142,7 +142,7 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
142
142
|
primaryButtonClickEvent: EventEmitter<Event>;
|
|
143
143
|
closeButton: ButtonComponent;
|
|
144
144
|
modalClosed: boolean;
|
|
145
|
-
onEsc(
|
|
145
|
+
onEsc(): void;
|
|
146
146
|
constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<DialogComponent>, data: {
|
|
147
147
|
applicationTheme: ApplicationTheme;
|
|
148
148
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DialogSize } from
|
|
2
|
-
import { MatDialogConfig } from
|
|
1
|
+
import { DialogSize } from './dialog.service';
|
|
2
|
+
import { MatDialogConfig } from '@angular/material/dialog';
|
|
3
3
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
4
4
|
export interface DialogConfig<T = any> {
|
|
5
5
|
applicationTheme?: ApplicationTheme;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { FloatLabelType } from '@angular/material/form-field';
|
|
4
4
|
import { OptionType } from './dropdown.model';
|
|
@@ -7,7 +7,7 @@ import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
|
7
7
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
8
8
|
import { MatSelect } from '@angular/material/select';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges {
|
|
10
|
+
export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
|
|
11
11
|
private readonly defaultAppTheme;
|
|
12
12
|
private readonly cdr;
|
|
13
13
|
ngControl: NgControl;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
3
3
|
import { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';
|
|
4
4
|
import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
5
5
|
import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class EmptyStateComponent {
|
|
7
|
+
export declare class EmptyStateComponent implements OnInit {
|
|
8
8
|
private readonly defaultAppTheme;
|
|
9
9
|
/**
|
|
10
10
|
* @description If the default image should be displayed.
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { OnInit, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { OnInit, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
2
|
import { MatIconRegistry } from '@angular/material/icon';
|
|
3
3
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
4
4
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
5
5
|
import { IconsService } from './icons.service';
|
|
6
6
|
import { IconColor, IconName, IconSize } from './icon.model';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare class IconComponent implements OnInit {
|
|
8
|
+
export declare class IconComponent implements OnInit, OnChanges {
|
|
9
9
|
private readonly defaultAppTheme;
|
|
10
10
|
private matIconRegistry;
|
|
11
11
|
private domSanitzer;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tgoIcons, tgoRebrandIcons } from './icon.config';
|
|
2
|
-
type TgoIcons = typeof tgoIcons[number];
|
|
3
|
-
type TgoRebrandIcons = typeof tgoRebrandIcons[number];
|
|
2
|
+
type TgoIcons = (typeof tgoIcons)[number];
|
|
3
|
+
type TgoRebrandIcons = (typeof tgoRebrandIcons)[number];
|
|
4
4
|
export type IconSize = '16' | '24' | '40' | '80';
|
|
5
5
|
export type IconName = TgoRebrandIcons | TgoIcons | '';
|
|
6
|
-
export type IconColor =
|
|
6
|
+
export type IconColor = string;
|
|
7
7
|
export {};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { IconName, IconSize } from '@testgorilla/tgo-ui/components/icon';
|
|
3
2
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class IconLabelComponent
|
|
4
|
+
export declare class IconLabelComponent {
|
|
6
5
|
private readonly defaultAppTheme;
|
|
7
6
|
/**
|
|
8
7
|
* Icon size
|
|
@@ -47,7 +46,6 @@ export declare class IconLabelComponent implements OnInit {
|
|
|
47
46
|
*/
|
|
48
47
|
applicationTheme: ApplicationTheme;
|
|
49
48
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
50
|
-
ngOnInit(): void;
|
|
51
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconLabelComponent, [{ optional: true; }]>;
|
|
52
50
|
static ɵcmp: i0.ɵɵComponentDeclaration<IconLabelComponent, "ui-icon-label", never, { "iconSize": { "alias": "iconSize"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconIndent": { "alias": "iconIndent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
53
51
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
|
|
2
|
-
import { IRoute, MenuItem } from
|
|
3
|
-
import { AvatarSize } from
|
|
4
|
-
import { ApplicationTheme } from
|
|
2
|
+
import { IRoute, MenuItem } from '../navbar.model';
|
|
3
|
+
import { AvatarSize } from '@testgorilla/tgo-ui/components/avatar';
|
|
4
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class MobileNavbarSideSheetComponent {
|
|
7
7
|
routes: IRoute[];
|
|
@@ -33,7 +33,7 @@ export declare class PasswordComponent implements ControlValueAccessor {
|
|
|
33
33
|
constructor(destroyRef: DestroyRef);
|
|
34
34
|
checkCriteria(): void;
|
|
35
35
|
countPassed(): number;
|
|
36
|
-
onChange: (
|
|
36
|
+
onChange: (_v: any) => void;
|
|
37
37
|
onTouch: () => void;
|
|
38
38
|
writeValue(obj: any): void;
|
|
39
39
|
registerOnChange(fn: any): void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { EventEmitter, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
2
|
import { RadialProgressSize, RadialProgressSizeEnum, RadialProgressVariant } from './radial-progress.model';
|
|
3
3
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
4
4
|
import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class RadialProgressComponent {
|
|
6
|
+
export declare class RadialProgressComponent implements OnChanges {
|
|
7
7
|
private readonly defaultAppTheme;
|
|
8
8
|
/**
|
|
9
9
|
* The size of the component. Defaults to 'small'.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, DestroyRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { MatRadioButton } from '@angular/material/radio';
|
|
3
3
|
import { RadioButtonEventType } from './radio-button.model';
|
|
4
|
-
import { ApplicationTheme } from
|
|
5
|
-
import { ControlValueAccessor, NgControl } from
|
|
4
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
5
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
6
6
|
import { MatTooltip } from '@angular/material/tooltip';
|
|
7
7
|
import { Alignment } from '@testgorilla/tgo-ui/components/core';
|
|
8
8
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
@@ -172,7 +172,7 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
|
|
|
172
172
|
registerOnChange(fn: any): void;
|
|
173
173
|
registerOnTouched(fn: any): void;
|
|
174
174
|
setDisabledState(isDisabled: boolean): void;
|
|
175
|
-
onChange: (
|
|
175
|
+
onChange: (_value: any) => void;
|
|
176
176
|
/**
|
|
177
177
|
* @ignore
|
|
178
178
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SegmentedBar, SegmentedBarVariant, SegmentedBarWithPercentage } from './segmented-bar.model';
|
|
2
|
-
import { ApplicationTheme } from
|
|
2
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SegmentedBarComponent {
|
|
5
5
|
private readonly defaultAppTheme;
|
|
@@ -43,7 +43,7 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
|
|
|
43
43
|
protected _value: any;
|
|
44
44
|
get value(): any;
|
|
45
45
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
46
|
-
onChange: (
|
|
46
|
+
onChange: (_v: any) => void;
|
|
47
47
|
onTouch: () => void;
|
|
48
48
|
writeValue(obj: any): void;
|
|
49
49
|
setDisabledState(isDisabled: boolean): void;
|
|
@@ -40,7 +40,7 @@ export declare class SidePanelRef<T = any, R = any> {
|
|
|
40
40
|
* Closes the side panel with an optional result.
|
|
41
41
|
* @param result Optional data to be emitted via afterClosed()
|
|
42
42
|
*/
|
|
43
|
-
close(
|
|
43
|
+
close(_result?: T): void;
|
|
44
44
|
/** @internal */
|
|
45
45
|
_emitClose(result?: T): void;
|
|
46
46
|
}
|
|
@@ -26,7 +26,7 @@ export declare class SideSheetComponent implements OnInit {
|
|
|
26
26
|
openChange: EventEmitter<boolean>;
|
|
27
27
|
drawer: MatDrawer;
|
|
28
28
|
container: ViewContainerRef;
|
|
29
|
-
onEscPress(
|
|
29
|
+
onEscPress(_event: KeyboardEvent): void;
|
|
30
30
|
protected title: string;
|
|
31
31
|
protected showBackButton: boolean;
|
|
32
32
|
protected showTitleTooltip: boolean;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ElementRef, OnInit, QueryList } from '@angular/core';
|
|
1
|
+
import { ElementRef, OnInit, QueryList, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { SpiderChartData, SpiderChartSize } from './spider-chart.model';
|
|
3
3
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
4
4
|
import { ChartData, ChartOptions } from 'chart.js';
|
|
5
5
|
import { BaseChartDirective } from 'ng2-charts';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class SpiderChartComponent implements OnInit {
|
|
7
|
+
export declare class SpiderChartComponent implements OnInit, AfterViewInit {
|
|
8
8
|
/**
|
|
9
9
|
* The size of the spider chart.
|
|
10
10
|
* @type {SpiderChartSize}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type SpiderChartSize = 'large' | 'small';
|
|
2
|
-
export declare const SmallSpiderChartSize
|
|
3
|
-
export declare const LargeSpiderChartSize
|
|
2
|
+
export declare const SmallSpiderChartSize = 200;
|
|
3
|
+
export declare const LargeSpiderChartSize = 280;
|
|
4
4
|
export type SpiderChartData = {
|
|
5
5
|
labels: string[];
|
|
6
6
|
labelDescription: string[];
|
|
@@ -2,7 +2,7 @@ import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, TemplateRef } from
|
|
|
2
2
|
import { IconName } from '@testgorilla/tgo-ui/components/icon';
|
|
3
3
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
4
4
|
import { HtmlDescription, StepperPosition, StepperVariation } from './stepper.model';
|
|
5
|
-
import { FocusMonitor } from
|
|
5
|
+
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
6
6
|
import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class StepComponent implements AfterViewInit {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { AfterViewInit, DestroyRef, ElementRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { Step, StepperPosition, StepperVariation } from './stepper.model';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
|
-
import { ApplicationTheme } from
|
|
5
|
-
import { FocusMonitor } from
|
|
4
|
+
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
5
|
+
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class StepperComponent implements AfterViewInit {
|
|
8
8
|
private readonly defaultAppTheme;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
|
|
2
2
|
import { ColumnEllipse, ColumnType, ComponentRenderer, DataSource, ScrollSettings, TableColumn, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
|
|
3
3
|
import { PageEvent } from '@angular/material/paginator';
|
|
4
4
|
import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
|
|
@@ -6,7 +6,7 @@ import { MatTableDataSource } from '@angular/material/table';
|
|
|
6
6
|
import { Sort } from '@angular/material/sort';
|
|
7
7
|
import { BehaviorSubject, Observable } from 'rxjs';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit {
|
|
9
|
+
export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
|
|
10
10
|
private readonly defaultAppTheme;
|
|
11
11
|
private destroyRef;
|
|
12
12
|
protected readonly isMobile$: Observable<boolean>;
|