@testgorilla/tgo-ui 11.22.3 → 12.0.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.
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +335 -229
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs +547 -465
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +160 -75
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs +678 -278
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +337 -274
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs +351 -192
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs +1950 -960
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +1206 -1044
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +328 -182
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +383 -203
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs +553 -261
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +709 -739
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +219 -184
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +515 -458
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +423 -162
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +10784 -10996
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +810 -533
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs +473 -116
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +1149 -540
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +148 -84
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +239 -142
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +599 -467
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +126 -70
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +324 -329
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +969 -648
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +553 -419
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +847 -452
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +398 -302
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +162 -95
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +1825 -1795
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs +1018 -672
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +758 -368
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +204 -212
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +183 -48
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +243 -79
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +751 -361
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +1122 -385
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +689 -413
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +227 -92
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +174 -113
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +367 -165
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +253 -118
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +730 -444
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs +533 -221
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs +274 -76
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +184 -124
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1223 -574
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +249 -160
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +447 -439
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +226 -150
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +255 -67
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +205 -162
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +245 -153
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +274 -140
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs +319 -147
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs +286 -84
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs +660 -208
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +579 -320
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +419 -200
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +132 -80
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +741 -390
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +455 -329
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +543 -514
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +193 -104
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +760 -524
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs +714 -415
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +847 -438
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +535 -275
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +316 -246
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +404 -284
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +664 -383
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +201 -112
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs +1014 -458
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +147 -155
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/mcp/catalog.json +1 -1
- package/package.json +16 -17
- package/projects/tgo-canopy-ui/theme/_palette.scss +23 -18
- package/types/testgorilla-tgo-ui-components-accordion.d.ts +214 -158
- package/types/testgorilla-tgo-ui-components-ai-audio-circle.d.ts +93 -69
- package/types/testgorilla-tgo-ui-components-ai-caveat.d.ts +37 -34
- package/types/testgorilla-tgo-ui-components-ai-feedback.d.ts +126 -86
- package/types/testgorilla-tgo-ui-components-alert-banner.d.ts +260 -185
- package/types/testgorilla-tgo-ui-components-audio-waveform.d.ts +96 -67
- package/types/testgorilla-tgo-ui-components-autocomplete-v2.d.ts +455 -256
- package/types/testgorilla-tgo-ui-components-autocomplete.d.ts +545 -390
- package/types/testgorilla-tgo-ui-components-avatar.d.ts +128 -102
- package/types/testgorilla-tgo-ui-components-badge.d.ts +191 -139
- package/types/testgorilla-tgo-ui-components-breadcrumb.d.ts +100 -62
- package/types/testgorilla-tgo-ui-components-button.d.ts +479 -340
- package/types/testgorilla-tgo-ui-components-card.d.ts +153 -114
- package/types/testgorilla-tgo-ui-components-checkbox.d.ts +299 -223
- package/types/testgorilla-tgo-ui-components-checklist.d.ts +149 -97
- package/types/testgorilla-tgo-ui-components-core.d.ts +307 -295
- package/types/testgorilla-tgo-ui-components-datepicker.d.ts +404 -299
- package/types/testgorilla-tgo-ui-components-device-control.d.ts +151 -81
- package/types/testgorilla-tgo-ui-components-dialog.d.ts +442 -329
- package/types/testgorilla-tgo-ui-components-divider.d.ts +64 -51
- package/types/testgorilla-tgo-ui-components-donut-chart.d.ts +41 -37
- package/types/testgorilla-tgo-ui-components-dropdown.d.ts +335 -241
- package/types/testgorilla-tgo-ui-components-elevation-shadow.d.ts +48 -43
- package/types/testgorilla-tgo-ui-components-empty-state.d.ts +317 -215
- package/types/testgorilla-tgo-ui-components-field.d.ts +559 -388
- package/types/testgorilla-tgo-ui-components-file-upload.d.ts +230 -168
- package/types/testgorilla-tgo-ui-components-filter-button.d.ts +263 -206
- package/types/testgorilla-tgo-ui-components-gaussian-chart.d.ts +107 -94
- package/types/testgorilla-tgo-ui-components-icon-label.d.ts +84 -61
- package/types/testgorilla-tgo-ui-components-icon.d.ts +137 -110
- package/types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts +429 -303
- package/types/testgorilla-tgo-ui-components-inline-field.d.ts +338 -254
- package/types/testgorilla-tgo-ui-components-logo.d.ts +119 -101
- package/types/testgorilla-tgo-ui-components-media-card.d.ts +51 -35
- package/types/testgorilla-tgo-ui-components-media-dialog.d.ts +40 -45
- package/types/testgorilla-tgo-ui-components-multi-input.d.ts +283 -194
- package/types/testgorilla-tgo-ui-components-navbar.d.ts +326 -208
- package/types/testgorilla-tgo-ui-components-overflow-menu.d.ts +276 -204
- package/types/testgorilla-tgo-ui-components-page-header.d.ts +67 -50
- package/types/testgorilla-tgo-ui-components-paginator.d.ts +103 -70
- package/types/testgorilla-tgo-ui-components-password-criteria.d.ts +67 -58
- package/types/testgorilla-tgo-ui-components-password-strength.d.ts +66 -57
- package/types/testgorilla-tgo-ui-components-phone-input.d.ts +217 -175
- package/types/testgorilla-tgo-ui-components-popover.d.ts +94 -53
- package/types/testgorilla-tgo-ui-components-popup-tip.d.ts +81 -44
- package/types/testgorilla-tgo-ui-components-progress-bar.d.ts +115 -84
- package/types/testgorilla-tgo-ui-components-prompt.d.ts +315 -219
- package/types/testgorilla-tgo-ui-components-radial-progress.d.ts +146 -107
- package/types/testgorilla-tgo-ui-components-radio-button.d.ts +296 -219
- package/types/testgorilla-tgo-ui-components-rating.d.ts +134 -95
- package/types/testgorilla-tgo-ui-components-scale-table.d.ts +67 -47
- package/types/testgorilla-tgo-ui-components-scale.d.ts +91 -66
- package/types/testgorilla-tgo-ui-components-segmented-bar.d.ts +118 -89
- package/types/testgorilla-tgo-ui-components-segmented-button.d.ts +107 -80
- package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts +138 -105
- package/types/testgorilla-tgo-ui-components-selectable-card.d.ts +90 -56
- package/types/testgorilla-tgo-ui-components-side-navigation.d.ts +183 -107
- package/types/testgorilla-tgo-ui-components-side-panel.d.ts +156 -145
- package/types/testgorilla-tgo-ui-components-side-sheet.d.ts +98 -89
- package/types/testgorilla-tgo-ui-components-skeleton.d.ts +50 -33
- package/types/testgorilla-tgo-ui-components-slider.d.ts +278 -198
- package/types/testgorilla-tgo-ui-components-snackbar.d.ts +211 -159
- package/types/testgorilla-tgo-ui-components-spider-chart.d.ts +140 -121
- package/types/testgorilla-tgo-ui-components-spinner.d.ts +93 -72
- package/types/testgorilla-tgo-ui-components-stepper.d.ts +480 -338
- package/types/testgorilla-tgo-ui-components-table.d.ts +280 -233
- package/types/testgorilla-tgo-ui-components-tabs.d.ts +282 -183
- package/types/testgorilla-tgo-ui-components-tag.d.ts +266 -193
- package/types/testgorilla-tgo-ui-components-toggle.d.ts +180 -132
- package/types/testgorilla-tgo-ui-components-tooltip.d.ts +142 -105
- package/types/testgorilla-tgo-ui-components-universal-skills.d.ts +165 -144
- package/types/testgorilla-tgo-ui-components-validation-error.d.ts +70 -51
- package/types/testgorilla-tgo-ui-components-write-with-ai.d.ts +210 -133
- package/types/testgorilla-tgo-ui.d.ts +52 -45
|
@@ -1,93 +1,122 @@
|
|
|
1
|
-
import { ApplicationTheme } from
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import * as
|
|
6
|
-
import * as
|
|
7
|
-
import * as
|
|
8
|
-
import * as
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
tooltip?: string;
|
|
17
|
-
icon?: IconName;
|
|
1
|
+
import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
|
|
2
|
+
import * as i4 from "@testgorilla/tgo-ui/components/icon";
|
|
3
|
+
import { IconName } from "@testgorilla/tgo-ui/components/icon";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@angular/material/tooltip";
|
|
7
|
+
import * as i3 from "@angular/material/input";
|
|
8
|
+
import * as i5 from "@testgorilla/tgo-ui/components/tooltip";
|
|
9
|
+
export type SegmentedBarVariant = 'large' | 'small';
|
|
10
|
+
export type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
|
|
11
|
+
export interface SegmentedBar {
|
|
12
|
+
value: number;
|
|
13
|
+
color: SegmentedBarColor;
|
|
14
|
+
tooltip?: string;
|
|
15
|
+
icon?: IconName;
|
|
18
16
|
}
|
|
19
|
-
type SegmentedBarWithPercentage = SegmentedBar & {
|
|
20
|
-
|
|
17
|
+
export type SegmentedBarWithPercentage = SegmentedBar & {
|
|
18
|
+
percentage: string;
|
|
21
19
|
};
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
20
|
+
export declare class SegmentedBarComponent {
|
|
21
|
+
private readonly defaultAppTheme;
|
|
22
|
+
/**
|
|
23
|
+
* The width of the segmented bar. Defaults to '100%'.
|
|
24
|
+
* You can use '100%' or '100px' for this field. 100 is just an example
|
|
25
|
+
* @default '100%'
|
|
26
|
+
* @type {string}
|
|
27
|
+
* @memberof SegmentedBarComponent
|
|
28
|
+
*/
|
|
29
|
+
width: string;
|
|
30
|
+
/**
|
|
31
|
+
* The size variant of the segmented bar. Can be 'small' or 'large'.
|
|
32
|
+
* Defaults to 'large'.
|
|
33
|
+
* @default 'large'
|
|
34
|
+
* @type {SegmentedBarVariant}
|
|
35
|
+
* @memberof SegmentedBarComponent
|
|
36
|
+
*/
|
|
37
|
+
size: SegmentedBarVariant;
|
|
38
|
+
/**
|
|
39
|
+
* The segments to be displayed in the segmented bar.
|
|
40
|
+
* @required true
|
|
41
|
+
* @type {SegmentedBar}
|
|
42
|
+
* @memberof SegmentedBarComponent
|
|
43
|
+
*/
|
|
44
|
+
set segments(segments: SegmentedBar[]);
|
|
45
|
+
/**
|
|
46
|
+
*
|
|
47
|
+
* Defines the application theme
|
|
48
|
+
*
|
|
49
|
+
* @type {ApplicationTheme}
|
|
50
|
+
* @memberof SegmentedBarComponent
|
|
51
|
+
*/
|
|
52
|
+
applicationTheme: ApplicationTheme$1;
|
|
53
|
+
/**
|
|
54
|
+
* A string representing the ARIA label for accessibility.
|
|
55
|
+
* This label is used to provide an accessible name for the input element.
|
|
56
|
+
* @type {string}
|
|
57
|
+
* @memberof SegmentedBarComponent
|
|
58
|
+
*/
|
|
59
|
+
ariaLabel: string;
|
|
60
|
+
/**
|
|
61
|
+
* A string representing the ARIA requirement for accessibility.
|
|
62
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
63
|
+
* @type {boolean}
|
|
64
|
+
* @memberof SegmentedBarComponent
|
|
65
|
+
*/
|
|
66
|
+
ariaRequired: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Groups the tooltips into one template
|
|
69
|
+
*
|
|
70
|
+
* @type {boolean}
|
|
71
|
+
* @memberof SegmentedBarComponent
|
|
72
|
+
*/
|
|
73
|
+
tooltipStats: boolean;
|
|
74
|
+
testId: string | null;
|
|
75
|
+
segmentList: SegmentedBarWithPercentage[];
|
|
76
|
+
constructor(defaultAppTheme: ApplicationTheme$1);
|
|
77
|
+
calculatePercentages(segments: SegmentedBar[]): SegmentedBarWithPercentage[];
|
|
78
|
+
get accessibleValueText(): string;
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, [{
|
|
80
|
+
optional: true;
|
|
81
|
+
}]>;
|
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, {
|
|
83
|
+
"width": {
|
|
84
|
+
"alias": "width";
|
|
85
|
+
"required": false;
|
|
86
|
+
};
|
|
87
|
+
"size": {
|
|
88
|
+
"alias": "size";
|
|
89
|
+
"required": false;
|
|
90
|
+
};
|
|
91
|
+
"segments": {
|
|
92
|
+
"alias": "segments";
|
|
93
|
+
"required": true;
|
|
94
|
+
};
|
|
95
|
+
"applicationTheme": {
|
|
96
|
+
"alias": "applicationTheme";
|
|
97
|
+
"required": false;
|
|
98
|
+
};
|
|
99
|
+
"ariaLabel": {
|
|
100
|
+
"alias": "ariaLabel";
|
|
101
|
+
"required": false;
|
|
102
|
+
};
|
|
103
|
+
"ariaRequired": {
|
|
104
|
+
"alias": "ariaRequired";
|
|
105
|
+
"required": false;
|
|
106
|
+
};
|
|
107
|
+
"tooltipStats": {
|
|
108
|
+
"alias": "tooltipStats";
|
|
109
|
+
"required": false;
|
|
110
|
+
};
|
|
111
|
+
"testId": {
|
|
112
|
+
"alias": "testId";
|
|
113
|
+
"required": false;
|
|
114
|
+
};
|
|
115
|
+
}, {}, never, never, true, never>;
|
|
84
116
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
|
|
117
|
+
export declare class SegmentedBarComponentModule {
|
|
118
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
|
|
119
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, never, [typeof i1.CommonModule, typeof i2.MatTooltipModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.TooltipComponentModule, typeof SegmentedBarComponent], [typeof SegmentedBarComponent]>;
|
|
120
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
|
|
90
121
|
}
|
|
91
|
-
|
|
92
|
-
export { SegmentedBarComponent, SegmentedBarComponentModule };
|
|
93
|
-
export type { SegmentedBar, SegmentedBarColor, SegmentedBarVariant, SegmentedBarWithPercentage };
|
|
122
|
+
export { ApplicationTheme };
|
|
@@ -1,83 +1,110 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import * as i3 from
|
|
4
|
-
import { ControlValueAccessor } from
|
|
5
|
-
import { ApplicationTheme } from
|
|
6
|
-
|
|
7
|
-
import * as
|
|
8
|
-
import * as
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
testId?: string;
|
|
18
|
-
ariaLabel?: string;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { EventEmitter, TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i3 from "@angular/forms";
|
|
4
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
5
|
+
import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@angular/material/button-toggle";
|
|
8
|
+
import * as i4 from "@angular/material/tooltip";
|
|
9
|
+
export interface SegmentedButton {
|
|
10
|
+
value: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
template?: TemplateRef<unknown>;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
tooltip?: string;
|
|
15
|
+
testId?: string;
|
|
16
|
+
ariaLabel?: string;
|
|
19
17
|
}
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
18
|
+
export declare class SegmentedButtonComponent implements ControlValueAccessor {
|
|
19
|
+
private readonly defaultAppTheme;
|
|
20
|
+
/**
|
|
21
|
+
* Input property to set the buttons for the segmented button.
|
|
22
|
+
* @type SegmentedButton
|
|
23
|
+
* @memberof SegmentedButtonComponent
|
|
24
|
+
*/
|
|
25
|
+
buttonConfig: SegmentedButton[];
|
|
26
|
+
/**
|
|
27
|
+
* Whether the component is disabled.
|
|
28
|
+
* Default: false.
|
|
29
|
+
*
|
|
30
|
+
* @type {boolean}
|
|
31
|
+
* @memberof SegmentedButtonComponent
|
|
32
|
+
*/
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Indicator of the Segmented Button width
|
|
36
|
+
*
|
|
37
|
+
* @memberof SegmentedButtonComponent
|
|
38
|
+
*/
|
|
39
|
+
fullWidth: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Selected button
|
|
42
|
+
*
|
|
43
|
+
* @memberof SegmentedButtonComponent
|
|
44
|
+
*/
|
|
45
|
+
set value(v: string);
|
|
46
|
+
get value(): string | undefined;
|
|
47
|
+
/**
|
|
48
|
+
*
|
|
49
|
+
* Defines the application theme
|
|
50
|
+
*
|
|
51
|
+
* @type {ApplicationTheme}
|
|
52
|
+
* @memberof SegmentedButtonComponent
|
|
53
|
+
*/
|
|
54
|
+
applicationTheme: ApplicationTheme$1;
|
|
55
|
+
testId: string | null;
|
|
56
|
+
ariaLabel: string;
|
|
57
|
+
protected buttonTestId(button: SegmentedButton): string | null;
|
|
58
|
+
buttonSelected: EventEmitter<string>;
|
|
59
|
+
protected _value?: string;
|
|
60
|
+
constructor(defaultAppTheme: ApplicationTheme$1);
|
|
61
|
+
onChange: (_v: string) => void;
|
|
62
|
+
onTouch: () => void;
|
|
63
|
+
private readonly cdr;
|
|
64
|
+
writeValue(obj: string): void;
|
|
65
|
+
setDisabledState(isDisabled: boolean): void;
|
|
66
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
67
|
+
registerOnTouched(fn: () => void): void;
|
|
68
|
+
manualChangeValue({ value }: SegmentedButton): void;
|
|
69
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, [{
|
|
70
|
+
optional: true;
|
|
71
|
+
}]>;
|
|
72
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, {
|
|
73
|
+
"buttonConfig": {
|
|
74
|
+
"alias": "buttonConfig";
|
|
75
|
+
"required": true;
|
|
76
|
+
};
|
|
77
|
+
"disabled": {
|
|
78
|
+
"alias": "disabled";
|
|
79
|
+
"required": false;
|
|
80
|
+
};
|
|
81
|
+
"fullWidth": {
|
|
82
|
+
"alias": "fullWidth";
|
|
83
|
+
"required": false;
|
|
84
|
+
};
|
|
85
|
+
"value": {
|
|
86
|
+
"alias": "value";
|
|
87
|
+
"required": false;
|
|
88
|
+
};
|
|
89
|
+
"applicationTheme": {
|
|
90
|
+
"alias": "applicationTheme";
|
|
91
|
+
"required": false;
|
|
92
|
+
};
|
|
93
|
+
"testId": {
|
|
94
|
+
"alias": "testId";
|
|
95
|
+
"required": false;
|
|
96
|
+
};
|
|
97
|
+
"ariaLabel": {
|
|
98
|
+
"alias": "ariaLabel";
|
|
99
|
+
"required": false;
|
|
100
|
+
};
|
|
101
|
+
}, {
|
|
102
|
+
"buttonSelected": "buttonSelected";
|
|
103
|
+
}, never, never, true, never>;
|
|
74
104
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
|
|
105
|
+
export declare class SegmentedButtonComponentModule {
|
|
106
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponentModule, never>;
|
|
107
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedButtonComponentModule, never, [typeof i1.CommonModule, typeof i2.MatButtonToggleModule, typeof i3.FormsModule, typeof i4.MatTooltipModule, typeof SegmentedButtonComponent], [typeof SegmentedButtonComponent]>;
|
|
108
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
|
|
80
109
|
}
|
|
81
|
-
|
|
82
|
-
export { SegmentedButtonComponent, SegmentedButtonComponentModule };
|
|
83
|
-
export type { SegmentedButton };
|
|
110
|
+
export { ApplicationTheme };
|