@testgorilla/tgo-ui 1.13.32 → 1.13.34
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/components/accordion/accordion.component.d.ts +20 -2
- package/components/accordion/accordion.model.d.ts +1 -0
- package/components/alert-banner/alert-banner.component.d.ts +15 -12
- package/components/button/button.component.d.ts +15 -1
- package/components/checkbox/checkbox.component.d.ts +15 -1
- package/components/checkbox/checkbox.component.module.d.ts +2 -1
- package/components/datepicker/datepicker.component.d.ts +2 -1
- package/components/dialog/dialog.service.d.ts +2 -1
- package/components/empty-state/empty-state.component.d.ts +37 -3
- package/components/empty-state/empty-state.model.d.ts +3 -0
- package/components/field/field.component.d.ts +16 -1
- package/components/file-upload/file-upload.component.d.ts +15 -1
- package/components/icon/icon.config.d.ts +1 -1
- package/components/overflow-menu/overflow-menu.component.d.ts +15 -1
- package/components/radio-button/radio-button.component.d.ts +15 -1
- package/components/radio-button/radio-button.component.module.d.ts +2 -1
- package/components/rating/rating.component.d.ts +16 -2
- package/components/rating/rating.component.module.d.ts +2 -1
- package/components/segmented-bar/segmented-bar.component.d.ts +15 -1
- package/components/segmented-bar/segmented-bar.component.module.d.ts +2 -1
- package/components/segmented-button/segmented-button.component.d.ts +23 -0
- package/components/segmented-button/segmented-button.component.module.d.ts +10 -0
- package/components/segmented-button/segmented-button.model.d.ts +6 -0
- package/components/stepper/stepper.component.d.ts +15 -1
- package/components/stepper/stepper.component.module.d.ts +2 -1
- package/components/table/sentence-case.pipe.d.ts +7 -0
- package/components/table/table.component.d.ts +2 -1
- package/components/table/table.component.module.d.ts +11 -10
- package/components/tag/tag.component.d.ts +15 -1
- package/components/tag/tag.component.module.d.ts +2 -1
- package/components/toggle/toggle.component.d.ts +15 -1
- package/components/toggle/toggle.component.module.d.ts +2 -1
- package/esm2022/assets/i18n/es.json +73 -1
- package/esm2022/components/accordion/accordion.component.mjs +15 -3
- package/esm2022/components/accordion/accordion.model.mjs +2 -0
- package/esm2022/components/alert-banner/alert-banner.component.mjs +16 -13
- package/esm2022/components/autocomplete/autocomplete.component.mjs +1 -1
- package/esm2022/components/avatar/avatar.component.mjs +1 -1
- package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +14 -3
- package/esm2022/components/checkbox/checkbox.component.mjs +15 -4
- package/esm2022/components/checkbox/checkbox.component.module.mjs +5 -4
- package/esm2022/components/datepicker/datepicker.component.mjs +6 -3
- package/esm2022/components/dialog/dialog.component.mjs +2 -2
- package/esm2022/components/dialog/dialog.service.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +1 -1
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +2 -2
- package/esm2022/components/empty-state/empty-state.component.mjs +63 -5
- package/esm2022/components/empty-state/empty-state.model.mjs +2 -0
- package/esm2022/components/field/field.component.mjs +16 -4
- package/esm2022/components/file-upload/file-upload.component.mjs +15 -4
- package/esm2022/components/icon/icon.config.mjs +3 -1
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +14 -3
- package/esm2022/components/page-header/page-header.component.mjs +1 -1
- package/esm2022/components/radio-button/radio-button.component.mjs +14 -3
- package/esm2022/components/radio-button/radio-button.component.module.mjs +5 -4
- package/esm2022/components/rating/rating.component.mjs +14 -3
- package/esm2022/components/rating/rating.component.module.mjs +5 -4
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +14 -3
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +5 -4
- package/esm2022/components/segmented-button/segmented-button.component.mjs +53 -0
- package/esm2022/components/segmented-button/segmented-button.component.module.mjs +32 -0
- package/esm2022/components/segmented-button/segmented-button.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.component.mjs +1 -1
- package/esm2022/components/slider/slider.component.mjs +3 -3
- package/esm2022/components/snackbar/snackbar.component.mjs +3 -3
- package/esm2022/components/stepper/stepper.component.mjs +14 -3
- package/esm2022/components/stepper/stepper.component.module.mjs +7 -3
- package/esm2022/components/table/sentence-case.pipe.mjs +19 -0
- package/esm2022/components/table/table.component.mjs +10 -3
- package/esm2022/components/table/table.component.module.mjs +4 -3
- package/esm2022/components/tabs/tabs.component.mjs +3 -3
- package/esm2022/components/tag/tag.component.mjs +14 -3
- package/esm2022/components/tag/tag.component.module.mjs +5 -4
- package/esm2022/components/toggle/toggle.component.mjs +15 -4
- package/esm2022/components/toggle/toggle.component.module.mjs +5 -4
- package/esm2022/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/public-api.mjs +7 -1
- package/esm2022/utils/alert-bar.model.mjs +1 -1
- package/esm2022/utils/alert-bars.utils.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui.mjs +494 -111
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +5 -0
- package/src/assets/i18n/da-dk.json +77 -0
- package/src/assets/i18n/de.json +77 -0
- package/src/assets/i18n/es.json +74 -2
- package/src/assets/i18n/fr.json +77 -0
- package/src/assets/i18n/it-it.json +77 -0
- package/src/assets/i18n/ja-jp.json +77 -0
- package/src/assets/i18n/nb-no.json +77 -0
- package/src/assets/i18n/nl.json +77 -0
- package/src/assets/i18n/pl-pl.json +77 -0
- package/src/assets/i18n/pt-br.json +77 -0
- package/src/assets/i18n/sv-se.json +77 -0
- package/src/assets/icons/rebrand/Disconnected-in-line.svg +12 -0
- package/src/assets/icons/rebrand/Empty-search-in-line.svg +12 -0
- package/src/assets/icons/rebrand/Lost-found-404-in-line.svg +12 -0
- package/src/assets/icons/rebrand/Premium-circle-in-line.svg +5 -0
- package/src/theme/_input.scss +1 -0
- package/src/theme/_tooltip.scss +103 -60
- package/src/theme/_typography.scss +12 -6
- package/src/theme/theme.scss +1 -1
- package/utils/alert-bar.model.d.ts +1 -0
- package/utils/alert-bars.utils.d.ts +2 -1
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ApplicationTheme } from
|
|
2
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
3
|
+
import { AccordionVariant } from './accordion.model';
|
|
4
|
+
import { IconName } from '../icon/icon.model';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
export declare class AccordionComponent {
|
|
5
7
|
/**
|
|
@@ -45,11 +47,27 @@ export declare class AccordionComponent {
|
|
|
45
47
|
* @memberof AccordionComponent
|
|
46
48
|
*/
|
|
47
49
|
applicationTheme: ApplicationTheme;
|
|
50
|
+
/**
|
|
51
|
+
*
|
|
52
|
+
* Changed premium icon on this icon
|
|
53
|
+
*
|
|
54
|
+
* @type {IconName}
|
|
55
|
+
* @memberof AccordionComponent
|
|
56
|
+
*/
|
|
57
|
+
labelIcon: IconName;
|
|
58
|
+
/**
|
|
59
|
+
*
|
|
60
|
+
* Select accordion variant. Don`t work on Classic theme
|
|
61
|
+
*
|
|
62
|
+
* @type {AccordionVariant}
|
|
63
|
+
* @memberof AccordionComponent
|
|
64
|
+
*/
|
|
65
|
+
variant: AccordionVariant;
|
|
48
66
|
closed: EventEmitter<void>;
|
|
49
67
|
opened: EventEmitter<void>;
|
|
50
68
|
protected toggle(open: boolean): void;
|
|
51
69
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[actions]", "*"], false, never>;
|
|
70
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[subHeader]", "[actions]", "*"], false, never>;
|
|
53
71
|
static ngAcceptInputType_open: unknown;
|
|
54
72
|
static ngAcceptInputType_disabled: unknown;
|
|
55
73
|
static ngAcceptInputType_showPremiumIcon: unknown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type AccordionVariant = 'standard' | 'filter' | 'table';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { IconName } from '../../components/icon/icon.model';
|
|
3
|
-
import { AlertBarType } from '../../utils/alert-bar.model';
|
|
3
|
+
import { AlertBarType, AlertVariant } from '../../utils/alert-bar.model';
|
|
4
4
|
import { LinkTargetType } from './alert-banner.model';
|
|
5
|
-
import { DomSanitizer, SafeHtml } from
|
|
6
|
-
import { ApplicationTheme } from
|
|
5
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class AlertBannerComponent implements OnInit {
|
|
9
9
|
private domSanitizer;
|
|
@@ -16,29 +16,30 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
16
16
|
*/
|
|
17
17
|
alertType: AlertBarType;
|
|
18
18
|
/**
|
|
19
|
-
* Alert
|
|
19
|
+
* Alert Banner variant
|
|
20
20
|
*
|
|
21
|
+
* @type {AlertVariant}
|
|
21
22
|
* @memberof AlertBannerComponent
|
|
22
23
|
*/
|
|
23
|
-
|
|
24
|
+
alertVariant: AlertVariant;
|
|
24
25
|
/**
|
|
25
|
-
*
|
|
26
|
+
* Alert banner message
|
|
26
27
|
*
|
|
27
28
|
* @memberof AlertBannerComponent
|
|
28
29
|
*/
|
|
29
|
-
|
|
30
|
+
set message(msg: string);
|
|
30
31
|
/**
|
|
31
|
-
*
|
|
32
|
+
* Include dismmiss button
|
|
32
33
|
*
|
|
33
34
|
* @memberof AlertBannerComponent
|
|
34
35
|
*/
|
|
35
|
-
|
|
36
|
+
includeDismissButton: boolean;
|
|
36
37
|
/**
|
|
37
|
-
*
|
|
38
|
+
* Include shadow or not
|
|
38
39
|
*
|
|
39
40
|
* @memberof AlertBannerComponent
|
|
40
41
|
*/
|
|
41
|
-
|
|
42
|
+
shadow: boolean;
|
|
42
43
|
/**
|
|
43
44
|
* Link text that will appended at the end of message
|
|
44
45
|
*
|
|
@@ -68,11 +69,13 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
68
69
|
applicationTheme: ApplicationTheme;
|
|
69
70
|
iconName: IconName;
|
|
70
71
|
visible: boolean;
|
|
72
|
+
fullWidth: boolean;
|
|
73
|
+
fixed: boolean;
|
|
71
74
|
position: string;
|
|
72
75
|
cssClass: string;
|
|
73
76
|
_message: SafeHtml;
|
|
74
77
|
ngOnInit(): void;
|
|
75
78
|
dismissClick(): void;
|
|
76
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, never>;
|
|
77
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
78
81
|
}
|
|
@@ -136,6 +136,20 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
136
136
|
* @memberof ButtonComponent
|
|
137
137
|
*/
|
|
138
138
|
disabledScaleOnClick: boolean;
|
|
139
|
+
/**
|
|
140
|
+
* A string representing the ARIA label for accessibility.
|
|
141
|
+
* This label is used to provide an accessible name for the input element.
|
|
142
|
+
* @type {string}
|
|
143
|
+
* @memberof ButtonComponent
|
|
144
|
+
*/
|
|
145
|
+
ariaLabel: string;
|
|
146
|
+
/**
|
|
147
|
+
* A string representing the ARIA requirement for accessibility.
|
|
148
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
149
|
+
* @type {boolean}
|
|
150
|
+
* @memberof ButtonComponent
|
|
151
|
+
*/
|
|
152
|
+
ariaRequired: boolean;
|
|
139
153
|
buttonClickEvent: EventEmitter<Event>;
|
|
140
154
|
buttonHoverEvent: EventEmitter<Event>;
|
|
141
155
|
buttonElement: MatButton;
|
|
@@ -167,5 +181,5 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
167
181
|
get getCompanyColor(): string;
|
|
168
182
|
get shouldChangeFilledStatus(): boolean;
|
|
169
183
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
170
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
|
|
184
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
|
|
171
185
|
}
|
|
@@ -68,6 +68,20 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
|
|
|
68
68
|
* @memberof CheckboxComponent
|
|
69
69
|
*/
|
|
70
70
|
applicationTheme: ApplicationTheme;
|
|
71
|
+
/**
|
|
72
|
+
* A string representing the ARIA label for accessibility.
|
|
73
|
+
* This label is used to provide an accessible name for the input element.
|
|
74
|
+
* @type {string}
|
|
75
|
+
* @memberof CheckboxComponent
|
|
76
|
+
*/
|
|
77
|
+
ariaLabel: string;
|
|
78
|
+
/**
|
|
79
|
+
* A string representing the ARIA requirement for accessibility.
|
|
80
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
81
|
+
* @type {boolean}
|
|
82
|
+
* @memberof CheckboxComponent
|
|
83
|
+
*/
|
|
84
|
+
ariaRequired: boolean;
|
|
71
85
|
/**
|
|
72
86
|
* Event emitted when the checkbox's checked value changes.
|
|
73
87
|
*
|
|
@@ -94,5 +108,5 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
|
|
|
94
108
|
registerOnTouched(fn: any): void;
|
|
95
109
|
setDisabledState(isDisabled: boolean): void;
|
|
96
110
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
97
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
|
|
111
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
|
|
98
112
|
}
|
|
@@ -3,8 +3,9 @@ import * as i1 from "./checkbox.component";
|
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/material/checkbox";
|
|
5
5
|
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "@angular/material/input";
|
|
6
7
|
export declare class CheckboxComponentModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof i1.CheckboxComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule], [typeof i1.CheckboxComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
|
|
10
11
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
|
|
3
|
-
import { ApplicationTheme } from
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { MatDatepicker } from '@angular/material/datepicker';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class DatepickerComponent implements OnChanges, ControlValueAccessor {
|
|
@@ -157,6 +157,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
157
157
|
protected translationContext: string;
|
|
158
158
|
constructor(cdr: ChangeDetectorRef);
|
|
159
159
|
get hint(): string;
|
|
160
|
+
ngOnInit(): void;
|
|
160
161
|
ngOnChanges(): void;
|
|
161
162
|
setErrorsLength(): boolean;
|
|
162
163
|
onValueChange(value: Date | string): void;
|
|
@@ -2,10 +2,11 @@ import { ComponentType } from '@angular/cdk/portal';
|
|
|
2
2
|
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
export type DialogSize = 'small' | 'large';
|
|
5
6
|
export declare class DialogService {
|
|
6
7
|
private matDialog;
|
|
7
8
|
constructor(matDialog: MatDialog);
|
|
8
|
-
open(dialogComponent: ComponentType<any>, applicationTheme: ApplicationTheme): MatDialogRef<any>;
|
|
9
|
+
open(dialogComponent: ComponentType<any>, applicationTheme: ApplicationTheme, size?: DialogSize): MatDialogRef<any>;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
|
|
10
11
|
static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
|
|
11
12
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
|
-
import { ApplicationTheme } from
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class EmptyStateComponent {
|
|
6
7
|
/**
|
|
@@ -8,13 +9,25 @@ export declare class EmptyStateComponent {
|
|
|
8
9
|
* @type {boolean}
|
|
9
10
|
* @memberof EmptyStateComponent
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
|
+
showIllustration: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* @description If the default image should be displayed.
|
|
15
|
+
* @type {IllustrationVariant}
|
|
16
|
+
* @memberof EmptyStateComponent
|
|
17
|
+
*/
|
|
18
|
+
illustrationVariant: IllustrationVariant;
|
|
12
19
|
/**
|
|
13
20
|
* @description The icon to be displayed in the empty state.
|
|
14
21
|
* @type {IconName}
|
|
15
22
|
* @memberof EmptyStateComponent
|
|
16
23
|
*/
|
|
17
24
|
icon: IconName;
|
|
25
|
+
/**
|
|
26
|
+
* @description The empty state variant.
|
|
27
|
+
* @type {EmptyStateVariant}
|
|
28
|
+
* @memberof EmptyStateComponent
|
|
29
|
+
*/
|
|
30
|
+
emptyStateVariant: EmptyStateVariant;
|
|
18
31
|
/**
|
|
19
32
|
* @description The title of the empty state.
|
|
20
33
|
* @type {string}
|
|
@@ -33,18 +46,36 @@ export declare class EmptyStateComponent {
|
|
|
33
46
|
* @memberof EmptyStateComponent
|
|
34
47
|
*/
|
|
35
48
|
primaryButtonText: string;
|
|
49
|
+
/**
|
|
50
|
+
* Primary button variant - only for new theme.
|
|
51
|
+
* @type {ButtonVariant}
|
|
52
|
+
* @memberof EmptyStateComponent
|
|
53
|
+
*/
|
|
54
|
+
primaryButtonVariant: ButtonVariant;
|
|
36
55
|
/**
|
|
37
56
|
* @description Displays secondary button if passed.
|
|
38
57
|
* @type {string}
|
|
39
58
|
* @memberof EmptyStateComponent
|
|
40
59
|
*/
|
|
41
60
|
secondaryButtonText: string;
|
|
61
|
+
/**
|
|
62
|
+
* Secondary button variant - only for new theme.
|
|
63
|
+
* @type {ButtonVariant}
|
|
64
|
+
* @memberof EmptyStateComponent
|
|
65
|
+
*/
|
|
66
|
+
secondaryButtonVariant: ButtonVariant;
|
|
42
67
|
/**
|
|
43
68
|
* @description Displays tertiary button if passed.
|
|
44
69
|
* @type {string}
|
|
45
70
|
* @memberof EmptyStateComponent
|
|
46
71
|
*/
|
|
47
72
|
tertiaryButtonText: string;
|
|
73
|
+
/**
|
|
74
|
+
* Tertiary button variant - only for new theme.
|
|
75
|
+
* @type {ButtonVariant}
|
|
76
|
+
* @memberof EmptyStateComponent
|
|
77
|
+
*/
|
|
78
|
+
tertiaryButtonVariant: ButtonVariant;
|
|
48
79
|
/**
|
|
49
80
|
* The language to be used
|
|
50
81
|
* @type {Language}
|
|
@@ -80,9 +111,12 @@ export declare class EmptyStateComponent {
|
|
|
80
111
|
* @memberof TagComponent
|
|
81
112
|
*/
|
|
82
113
|
tertiaryButtonClick: EventEmitter<Event>;
|
|
114
|
+
buttonApplicationTheme: ApplicationTheme;
|
|
115
|
+
ngOnInit(): void;
|
|
83
116
|
onPrimaryButtonClick(event: Event): void;
|
|
84
117
|
onSecondaryButtonClick(event: Event): void;
|
|
85
118
|
onTertiaryButtonClick(event: Event): void;
|
|
119
|
+
getVariant(variant: ButtonVariant): "primary" | "secondary" | "ghost";
|
|
86
120
|
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
|
|
87
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "
|
|
121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showIllustration": { "alias": "showIllustration"; "required": false; }; "illustrationVariant": { "alias": "illustrationVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emptyStateVariant": { "alias": "emptyStateVariant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonVariant": { "alias": "primaryButtonVariant"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
|
|
88
122
|
}
|
|
@@ -118,6 +118,20 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
|
|
|
118
118
|
* @memberof FieldComponent
|
|
119
119
|
*/
|
|
120
120
|
applicationTheme: ApplicationTheme;
|
|
121
|
+
/**
|
|
122
|
+
* A string representing the ARIA label for accessibility.
|
|
123
|
+
* This label is used to provide an accessible name for the input element.
|
|
124
|
+
* @type {string}
|
|
125
|
+
* @memberof FieldComponent
|
|
126
|
+
*/
|
|
127
|
+
ariaLabel: string;
|
|
128
|
+
/**
|
|
129
|
+
* A string representing the ARIA requirement for accessibility.
|
|
130
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
131
|
+
* @type {boolean}
|
|
132
|
+
* @memberof FieldComponent
|
|
133
|
+
*/
|
|
134
|
+
ariaRequired: boolean;
|
|
121
135
|
get getPasswordIcon(): IconName;
|
|
122
136
|
isActiveField: boolean;
|
|
123
137
|
isActiveHover: boolean;
|
|
@@ -149,6 +163,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
|
|
|
149
163
|
setDisabledState(isDisabled: boolean): void;
|
|
150
164
|
onFieldClick(event: MouseEvent): void;
|
|
151
165
|
onActive(state: boolean, action: string): void;
|
|
166
|
+
trackByFn: (index: number, value: any) => any;
|
|
152
167
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
|
|
153
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
168
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, {}, never, never, false, never>;
|
|
154
169
|
}
|
|
@@ -69,6 +69,20 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
69
69
|
* @memberof FileUploadComponent
|
|
70
70
|
*/
|
|
71
71
|
applicationTheme: ApplicationTheme;
|
|
72
|
+
/**
|
|
73
|
+
* A string representing the ARIA label for accessibility.
|
|
74
|
+
* This label is used to provide an accessible name for the input element.
|
|
75
|
+
* @type {string}
|
|
76
|
+
* @memberof FileUploadComponent
|
|
77
|
+
*/
|
|
78
|
+
ariaLabel: string;
|
|
79
|
+
/**
|
|
80
|
+
* A string representing the ARIA requirement for accessibility.
|
|
81
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
82
|
+
* @type {boolean}
|
|
83
|
+
* @memberof FileUploadComponent
|
|
84
|
+
*/
|
|
85
|
+
ariaRequired: boolean;
|
|
72
86
|
OnDrop: EventEmitter<File>;
|
|
73
87
|
protected readonly translationContext = "FILE_UPLOAD.";
|
|
74
88
|
/**
|
|
@@ -96,5 +110,5 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
96
110
|
setDisabledState(isDisabled: boolean): void;
|
|
97
111
|
private getCompanyColor;
|
|
98
112
|
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
|
|
99
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "language": { "alias": "language"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
|
|
113
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "language": { "alias": "language"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
|
|
100
114
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-ellipsis", "Microphone", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out", "Fire", "Gift", "Grab", "Share", "Sparkles", "Video-stop", "Minimize", "Employee", "Money-bag", "Suitcase"];
|
|
2
|
-
export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line"];
|
|
2
|
+
export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line"];
|
|
3
3
|
export declare const groupedIcons: {
|
|
4
4
|
directional: string[];
|
|
5
5
|
assessment: string[];
|
|
@@ -32,9 +32,23 @@ export declare class OverflowMenuComponent implements OnInit {
|
|
|
32
32
|
* @memberof OverflowMenuComponent
|
|
33
33
|
*/
|
|
34
34
|
applicationTheme: ApplicationTheme;
|
|
35
|
+
/**
|
|
36
|
+
* A string representing the ARIA label for accessibility.
|
|
37
|
+
* This label is used to provide an accessible name for the input element.
|
|
38
|
+
* @type {string}
|
|
39
|
+
* @memberof OverflowMenuComponent
|
|
40
|
+
*/
|
|
41
|
+
ariaLabel: string;
|
|
42
|
+
/**
|
|
43
|
+
* A string representing the ARIA requirement for accessibility.
|
|
44
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
45
|
+
* @type {boolean}
|
|
46
|
+
* @memberof OverflowMenuComponent
|
|
47
|
+
*/
|
|
48
|
+
ariaRequired: boolean;
|
|
35
49
|
selectItem: EventEmitter<string>;
|
|
36
50
|
ngOnInit(): void;
|
|
37
51
|
onSelectItem(event: Event, value: string): void;
|
|
38
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, never>;
|
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "selectItem": "selectItem"; }, never, never, false, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectItem": "selectItem"; }, never, never, false, never>;
|
|
40
54
|
}
|
|
@@ -76,6 +76,20 @@ export declare class RadioButtonComponent implements OnInit, OnChanges {
|
|
|
76
76
|
* @memberof RadioButtonComponent
|
|
77
77
|
*/
|
|
78
78
|
applicationTheme: ApplicationTheme;
|
|
79
|
+
/**
|
|
80
|
+
* A string representing the ARIA label for accessibility.
|
|
81
|
+
* This label is used to provide an accessible name for the input element.
|
|
82
|
+
* @type {string}
|
|
83
|
+
* @memberof RadioButtonComponent
|
|
84
|
+
*/
|
|
85
|
+
ariaLabel: string;
|
|
86
|
+
/**
|
|
87
|
+
* A string representing the ARIA requirement for accessibility.
|
|
88
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
89
|
+
* @type {boolean}
|
|
90
|
+
* @memberof RadioButtonComponent
|
|
91
|
+
*/
|
|
92
|
+
ariaRequired: boolean;
|
|
79
93
|
/**
|
|
80
94
|
* Event emitted when the checked state of the radio button changes.
|
|
81
95
|
*
|
|
@@ -89,5 +103,5 @@ export declare class RadioButtonComponent implements OnInit, OnChanges {
|
|
|
89
103
|
clickRadio(element: MatRadioButton, event: MouseEvent): void;
|
|
90
104
|
setClass(): string;
|
|
91
105
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
|
|
92
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
|
|
106
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
|
|
93
107
|
}
|
|
@@ -3,8 +3,9 @@ import * as i1 from "./radio-button.component";
|
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/material/radio";
|
|
5
5
|
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "@angular/material/input";
|
|
6
7
|
export declare class RadioButtonComponentModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponentModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonComponentModule, [typeof i1.RadioButtonComponent], [typeof i2.CommonModule, typeof i3.MatRadioModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof i1.RadioButtonComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonComponentModule, [typeof i1.RadioButtonComponent], [typeof i2.CommonModule, typeof i3.MatRadioModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule], [typeof i1.RadioButtonComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<RadioButtonComponentModule>;
|
|
10
11
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ApplicationTheme } from '
|
|
2
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type RatingComponentTheme = 'stars' | 'block';
|
|
5
5
|
export declare class RatingComponent {
|
|
@@ -33,6 +33,20 @@ export declare class RatingComponent {
|
|
|
33
33
|
* @memberof RatingComponent
|
|
34
34
|
*/
|
|
35
35
|
disabled: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* A string representing the ARIA label for accessibility.
|
|
38
|
+
* This label is used to provide an accessible name for the input element.
|
|
39
|
+
* @type {string}
|
|
40
|
+
* @memberof RatingComponent
|
|
41
|
+
*/
|
|
42
|
+
ariaLabel: string;
|
|
43
|
+
/**
|
|
44
|
+
* A string representing the ARIA requirement for accessibility.
|
|
45
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
46
|
+
* @type {boolean}
|
|
47
|
+
* @memberof RatingComponent
|
|
48
|
+
*/
|
|
49
|
+
ariaRequired: boolean;
|
|
36
50
|
/**
|
|
37
51
|
* The width of the rating bar.
|
|
38
52
|
* @type {number}
|
|
@@ -45,5 +59,5 @@ export declare class RatingComponent {
|
|
|
45
59
|
protected select(index: number): void;
|
|
46
60
|
protected onHover(index: number): void;
|
|
47
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
62
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
49
63
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./rating.component";
|
|
3
3
|
import * as i2 from "./half-star.pipe";
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/material/input";
|
|
5
6
|
export declare class RatingComponentModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponentModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent, typeof i2.HalfStarPipe], [typeof i3.CommonModule], [typeof i1.RatingComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent, typeof i2.HalfStarPipe], [typeof i3.CommonModule, typeof i4.MatInputModule], [typeof i1.RatingComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<RatingComponentModule>;
|
|
9
10
|
}
|
|
@@ -33,6 +33,20 @@ export declare class SegmentedBarComponent {
|
|
|
33
33
|
* @memberof SegmentedBarComponent
|
|
34
34
|
*/
|
|
35
35
|
applicationTheme: ApplicationTheme;
|
|
36
|
+
/**
|
|
37
|
+
* A string representing the ARIA label for accessibility.
|
|
38
|
+
* This label is used to provide an accessible name for the input element.
|
|
39
|
+
* @type {string}
|
|
40
|
+
* @memberof SegmentedBarComponent
|
|
41
|
+
*/
|
|
42
|
+
ariaLabel: string;
|
|
43
|
+
/**
|
|
44
|
+
* A string representing the ARIA requirement for accessibility.
|
|
45
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
46
|
+
* @type {boolean}
|
|
47
|
+
* @memberof SegmentedBarComponent
|
|
48
|
+
*/
|
|
49
|
+
ariaRequired: boolean;
|
|
36
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, {}, never, never, false, never>;
|
|
38
52
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./segmented-bar.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "@angular/material/tooltip";
|
|
5
|
+
import * as i4 from "@angular/material/input";
|
|
5
6
|
export declare class SegmentedBarComponentModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule], never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule], never>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
|
|
9
10
|
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { SegmentedButton } from './segmented-button.model';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class SegmentedButtonComponent implements ControlValueAccessor {
|
|
6
|
+
/**
|
|
7
|
+
* Input property to set the buttons for the segmented button.
|
|
8
|
+
* @type SegmentedButton
|
|
9
|
+
* @memberof SegmentedButtonComponent
|
|
10
|
+
*/
|
|
11
|
+
buttonConfig: SegmentedButton[];
|
|
12
|
+
buttonSelected: EventEmitter<any>;
|
|
13
|
+
protected _value: any;
|
|
14
|
+
set value(v: any);
|
|
15
|
+
get value(): any;
|
|
16
|
+
onChange: (v: any) => void;
|
|
17
|
+
onTouch: () => void;
|
|
18
|
+
writeValue(obj: any): void;
|
|
19
|
+
registerOnChange(fn: any): void;
|
|
20
|
+
registerOnTouched(fn: any): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
|
|
23
|
+
}
|