@testgorilla/tgo-ui 1.13.33 → 1.13.35
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/logo/logo.component.d.ts +10 -1
- package/components/navbar/navbar.component.d.ts +10 -2
- package/components/navbar/navbar.component.module.d.ts +2 -1
- package/components/overflow-menu/overflow-menu.component.d.ts +15 -1
- package/components/page-header/page-header.component.module.d.ts +1 -1
- package/components/progress-bar/progress-bar.component.d.ts +4 -2
- 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 +15 -1
- 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 +2 -2
- 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/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/logo/logo.component.mjs +14 -3
- package/esm2022/components/navbar/navbar.component.mjs +15 -4
- package/esm2022/components/navbar/navbar.component.module.mjs +7 -3
- 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/page-header/page-header.component.module.mjs +3 -2
- package/esm2022/components/progress-bar/progress-bar.component.mjs +8 -11
- 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 +652 -247
- 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/_tooltip.scss +103 -60
- package/src/theme/_typography.scss +2 -2
- 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[];
|
|
@@ -17,6 +17,14 @@ export declare class LogoComponent {
|
|
|
17
17
|
* @memberof LogoComponent
|
|
18
18
|
*/
|
|
19
19
|
applicationTheme: ApplicationTheme;
|
|
20
|
+
/**
|
|
21
|
+
*
|
|
22
|
+
* Label. Only for ppoweredby type
|
|
23
|
+
*
|
|
24
|
+
* @type {string}
|
|
25
|
+
* @memberof LogoComponent
|
|
26
|
+
*/
|
|
27
|
+
label: string;
|
|
20
28
|
/**
|
|
21
29
|
* Set logo width
|
|
22
30
|
* @default 200
|
|
@@ -25,6 +33,7 @@ export declare class LogoComponent {
|
|
|
25
33
|
*/
|
|
26
34
|
set width(logoWidth: number);
|
|
27
35
|
logoWidth: number;
|
|
36
|
+
protected readonly LogoTypeEnum: typeof LogoTypeEnum;
|
|
28
37
|
/**
|
|
29
38
|
* @ignore
|
|
30
39
|
*/
|
|
@@ -42,5 +51,5 @@ export declare class LogoComponent {
|
|
|
42
51
|
*/
|
|
43
52
|
ngOnChanges(): void;
|
|
44
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
|
|
46
55
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { IRoute, MenuItem } from './navbar.model';
|
|
3
|
-
import { ApplicationTheme } from
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class NavbarComponent {
|
|
6
6
|
/**
|
|
@@ -47,6 +47,14 @@ export declare class NavbarComponent {
|
|
|
47
47
|
* @memberof NavbarComponent
|
|
48
48
|
*/
|
|
49
49
|
applicationTheme: ApplicationTheme;
|
|
50
|
+
/**
|
|
51
|
+
*
|
|
52
|
+
* Show avatar with user initials
|
|
53
|
+
*
|
|
54
|
+
* @type {boolean}
|
|
55
|
+
* @memberof NavbarComponent
|
|
56
|
+
*/
|
|
57
|
+
isAvatar: boolean;
|
|
50
58
|
/**
|
|
51
59
|
* @ignore
|
|
52
60
|
*/
|
|
@@ -64,5 +72,5 @@ export declare class NavbarComponent {
|
|
|
64
72
|
logout(): void;
|
|
65
73
|
clickMenuItem(id: string): void;
|
|
66
74
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
67
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never,
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, ["*"], false, never>;
|
|
68
76
|
}
|
|
@@ -9,8 +9,9 @@ import * as i7 from "@angular/material/menu";
|
|
|
9
9
|
import * as i8 from "../logo/logo.component.module";
|
|
10
10
|
import * as i9 from "../icon/icon.component.module";
|
|
11
11
|
import * as i10 from "../../pipes/ui-translate.pipe";
|
|
12
|
+
import * as i11 from "../avatar/avatar.component.module";
|
|
12
13
|
export declare class NavbarComponentModule {
|
|
13
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponentModule, never>;
|
|
14
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.UiTranslatePipe], [typeof i1.NavbarComponent]>;
|
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.UiTranslatePipe, typeof i11.AvatarComponentModule], [typeof i1.NavbarComponent]>;
|
|
15
16
|
static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
|
|
16
17
|
}
|
|
@@ -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
|
}
|
|
@@ -5,6 +5,6 @@ import * as i3 from "../button/button.component.module";
|
|
|
5
5
|
import * as i4 from "../../pipes/ui-translate.pipe";
|
|
6
6
|
export declare class PageHeaderModule {
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof i1.PageHeaderComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe],
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof i1.PageHeaderComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe], [typeof i1.PageHeaderComponent]>;
|
|
9
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<PageHeaderModule>;
|
|
10
10
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges } from '@angular/core';
|
|
1
2
|
import { ProgressBarMode } from '@angular/material/progress-bar';
|
|
2
|
-
import { ApplicationTheme } from
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ProgressBarComponent {
|
|
5
|
+
export declare class ProgressBarComponent implements OnChanges {
|
|
5
6
|
/**
|
|
6
7
|
* Color of the progress bar.
|
|
7
8
|
* Defaults to Test Gorilla primary color.
|
|
@@ -44,6 +45,7 @@ export declare class ProgressBarComponent {
|
|
|
44
45
|
*/
|
|
45
46
|
applicationTheme: ApplicationTheme;
|
|
46
47
|
constructor();
|
|
48
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
47
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
48
50
|
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "buffer": { "alias": "buffer"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
49
51
|
}
|
|
@@ -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
|
}
|