@testgorilla/tgo-ui 2.23.55 → 2.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/alert-banner/alert-banner.component.d.ts +3 -13
- package/components/autocomplete/autocomplete.component.d.ts +3 -12
- package/components/button/button.component.d.ts +3 -12
- package/components/checkbox/checkbox.component.d.ts +3 -12
- package/components/checklist/checklist.component.d.ts +60 -0
- package/components/checklist/checklist.model.d.ts +7 -0
- package/components/datepicker/datepicker.component.d.ts +3 -12
- package/components/dialog/dialog.component.d.ts +3 -12
- package/components/dropdown/dropdown.component.d.ts +3 -12
- package/components/empty-state/empty-state.component.d.ts +3 -11
- package/components/field/field.component.d.ts +3 -12
- package/components/file-upload/file-upload.component.d.ts +3 -12
- package/components/icon/icon.config.d.ts +1 -1
- package/components/multi-input/multi-input.component.d.ts +3 -12
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +1 -2
- package/components/navbar/navbar.component.d.ts +3 -12
- package/components/overflow-menu/overflow-menu.component.d.ts +3 -12
- package/components/page-header/page-header.component.d.ts +3 -12
- package/components/password-criteria/password.component.d.ts +3 -12
- package/components/password-strength/password-strength.component.d.ts +3 -12
- package/components/phone-input/phone-input.component.d.ts +3 -12
- package/components/progress-bar/progress-bar.component.d.ts +7 -9
- package/components/side-panel/side-panel.component.d.ts +3 -5
- package/components/side-sheet/side-sheet.component.d.ts +3 -12
- package/components/slider/slider.component.d.ts +3 -12
- package/components/snackbar/snackbar.component.d.ts +3 -12
- package/components/spinner/spinner.component.d.ts +3 -12
- package/components/spinner/spinner.module.d.ts +1 -1
- package/components/stepper/stepper.component.d.ts +3 -12
- package/components/tag/tag.component.d.ts +3 -12
- package/components/toggle/toggle.component.d.ts +3 -12
- package/components/validation-error/validation-error.component.d.ts +2 -12
- package/esm2022/assets/i18n/en.json +2 -1
- package/esm2022/components/alert-banner/alert-banner.component.mjs +6 -28
- package/esm2022/components/autocomplete/autocomplete.component.mjs +6 -27
- package/esm2022/components/avatar/avatar.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +5 -26
- package/esm2022/components/checkbox/checkbox.component.mjs +6 -27
- package/esm2022/components/checklist/checklist.component.mjs +133 -0
- package/esm2022/components/checklist/checklist.model.mjs +2 -0
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +5 -4
- package/esm2022/components/datepicker/datepicker.component.mjs +6 -27
- package/esm2022/components/dialog/dialog.component.mjs +5 -26
- package/esm2022/components/dropdown/dropdown.component.mjs +6 -27
- package/esm2022/components/empty-state/empty-state.component.mjs +5 -25
- package/esm2022/components/field/field.component.mjs +6 -27
- package/esm2022/components/file-upload/file-upload.component.mjs +6 -27
- package/esm2022/components/icon/icon.config.mjs +5 -1
- package/esm2022/components/multi-input/multi-input.component.mjs +6 -27
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +5 -8
- package/esm2022/components/navbar/navbar.component.mjs +6 -28
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +6 -27
- package/esm2022/components/page-header/page-header.component.mjs +5 -26
- package/esm2022/components/password-criteria/password.component.mjs +8 -29
- package/esm2022/components/password-strength/password-strength.component.mjs +5 -26
- package/esm2022/components/phone-input/phone-input.component.mjs +6 -27
- package/esm2022/components/progress-bar/progress-bar.component.mjs +10 -22
- package/esm2022/components/radial-progress/radial-progress.component.mjs +1 -1
- package/esm2022/components/side-panel/side-panel.component.mjs +8 -18
- package/esm2022/components/side-sheet/side-sheet.component.mjs +6 -27
- package/esm2022/components/slider/slider.component.mjs +6 -27
- package/esm2022/components/snackbar/snackbar.component.mjs +6 -27
- package/esm2022/components/spinner/spinner.component.mjs +5 -26
- package/esm2022/components/spinner/spinner.module.mjs +4 -4
- package/esm2022/components/stepper/stepper.component.mjs +5 -26
- package/esm2022/components/tag/tag.component.mjs +5 -26
- package/esm2022/components/toggle/toggle.component.mjs +5 -26
- package/esm2022/components/validation-error/validation-error.component.mjs +7 -28
- package/esm2022/pipes/ui-translate.pipe.mjs +19 -14
- package/esm2022/public-api.mjs +5 -3
- package/esm2022/utils/localization/language.service.mjs +12 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +337 -674
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/pipes/ui-translate.pipe.d.ts +5 -1
- package/projects/tgo-canopy-ui/assets/i18n/en.json +2 -1
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Circle-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Circle-in-line.svg +3 -0
- package/public-api.d.ts +3 -1
- package/utils/localization/language.service.d.ts +4 -0
- package/esm2022/tokens/app-lang.token.mjs +0 -3
- package/tokens/app-lang.token.d.ts +0 -2
|
@@ -4,13 +4,11 @@ import { IconName } from '../../components/icon/icon.model';
|
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import { AlertBarType, AlertVariant } from '../../utils/alert-bar.model';
|
|
6
6
|
import { LinkTargetType } from './alert-banner.model';
|
|
7
|
-
import { Language } from '../../utils/localization/language.model';
|
|
8
7
|
import * as i0 from "@angular/core";
|
|
9
8
|
export declare class AlertBannerComponent implements OnInit {
|
|
10
9
|
private readonly defaultAppTheme;
|
|
11
10
|
private domSanitizer;
|
|
12
|
-
|
|
13
|
-
constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer, appLang: Language);
|
|
11
|
+
constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
|
|
14
12
|
/**
|
|
15
13
|
* Alert Banner type
|
|
16
14
|
*
|
|
@@ -92,14 +90,6 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
92
90
|
* @memberof AlertBannerComponent
|
|
93
91
|
*/
|
|
94
92
|
closeButtonTooltip: string;
|
|
95
|
-
/**
|
|
96
|
-
* The language to be used
|
|
97
|
-
* @property language
|
|
98
|
-
* @type {Language}
|
|
99
|
-
* @default LanguageService.defaultLanguage
|
|
100
|
-
* @memberof AlertBannerComponent
|
|
101
|
-
*/
|
|
102
|
-
language: Language;
|
|
103
93
|
/**
|
|
104
94
|
* A string representing the ARIA requirement for accessibility.
|
|
105
95
|
* This attribute is used to indicate whether an input field is required for form submission.
|
|
@@ -120,6 +110,6 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
120
110
|
dismissAlertBanner: boolean;
|
|
121
111
|
ngOnInit(): void;
|
|
122
112
|
dismissClick(): void;
|
|
123
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }, null
|
|
124
|
-
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; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }, null]>;
|
|
114
|
+
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; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, {}, never, never, false, never>;
|
|
125
115
|
}
|
|
@@ -7,7 +7,6 @@ import { ReplaySubject } from 'rxjs';
|
|
|
7
7
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
8
8
|
import { AutocompleteUtils } from '../../utils/autocomplete-utils';
|
|
9
9
|
import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariation } from './autocomplete.model';
|
|
10
|
-
import { Language } from '../../utils/localization/language.model';
|
|
11
10
|
import { FocusMonitor } from "@angular/cdk/a11y";
|
|
12
11
|
import * as i0 from "@angular/core";
|
|
13
12
|
export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy {
|
|
@@ -18,7 +17,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
18
17
|
private readonly renderer2;
|
|
19
18
|
private readonly platformId;
|
|
20
19
|
private readonly el;
|
|
21
|
-
protected readonly appLang: Language;
|
|
22
20
|
private readonly focusMonitor;
|
|
23
21
|
private readonly destroyRef;
|
|
24
22
|
private readonly ngZone;
|
|
@@ -94,13 +92,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
94
92
|
* @memberof AutocompleteComponent
|
|
95
93
|
*/
|
|
96
94
|
variant: DropdownVariation;
|
|
97
|
-
/**
|
|
98
|
-
* The language to be used
|
|
99
|
-
* @property language
|
|
100
|
-
* @type {Language}
|
|
101
|
-
* @memberof AutocompleteComponent
|
|
102
|
-
*/
|
|
103
|
-
language: Language;
|
|
104
95
|
/**
|
|
105
96
|
* Show reserved content below form field
|
|
106
97
|
* @property showBottomContent
|
|
@@ -256,7 +247,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
256
247
|
private readonly isPlatform;
|
|
257
248
|
private observer;
|
|
258
249
|
protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
|
|
259
|
-
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any, el: ElementRef,
|
|
250
|
+
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
|
|
260
251
|
/**
|
|
261
252
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
262
253
|
* to display validation errors that might happen (e.g. required)
|
|
@@ -293,7 +284,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
293
284
|
private subscriberDisplayChange;
|
|
294
285
|
protected get hasObjectValue(): boolean;
|
|
295
286
|
onKeydown($event: KeyboardEvent): void;
|
|
296
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null, null,
|
|
297
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "
|
|
287
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null, null, null, null, null]>;
|
|
288
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; }, never, never, false, never>;
|
|
298
289
|
static ngAcceptInputType_virtualScroll: unknown;
|
|
299
290
|
}
|
|
@@ -4,11 +4,9 @@ import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonS
|
|
|
4
4
|
import { MatButton } from '@angular/material/button';
|
|
5
5
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
6
6
|
import { TooltipPosition } from '@angular/material/tooltip';
|
|
7
|
-
import { Language } from '../../utils/localization/language.model';
|
|
8
7
|
import * as i0 from "@angular/core";
|
|
9
8
|
export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
10
9
|
private readonly defaultAppTheme;
|
|
11
|
-
protected readonly appLang: Language;
|
|
12
10
|
get enabled(): string;
|
|
13
11
|
tooltipElement: ElementRef<HTMLElement>;
|
|
14
12
|
/**
|
|
@@ -170,13 +168,6 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
170
168
|
* @memberof ButtonComponent
|
|
171
169
|
*/
|
|
172
170
|
ariaDescribedby: string;
|
|
173
|
-
/**
|
|
174
|
-
* The language to be used
|
|
175
|
-
* @property language
|
|
176
|
-
* @type {Language}
|
|
177
|
-
* @memberof ButtonComponent
|
|
178
|
-
*/
|
|
179
|
-
language: Language;
|
|
180
171
|
/**
|
|
181
172
|
* Prevents default button click behavior
|
|
182
173
|
* @type {boolean}
|
|
@@ -207,7 +198,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
207
198
|
coloredIcons: string[];
|
|
208
199
|
labelEllipsis: boolean;
|
|
209
200
|
get typeIncluded(): boolean;
|
|
210
|
-
constructor(defaultAppTheme: ApplicationTheme
|
|
201
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
211
202
|
ngOnInit(): void;
|
|
212
203
|
ngOnChanges(changes: SimpleChanges): void;
|
|
213
204
|
ngAfterViewInit(): void;
|
|
@@ -226,7 +217,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
226
217
|
onKeydown(event: KeyboardEvent): void;
|
|
227
218
|
onKeyup(event: KeyboardEvent): void;
|
|
228
219
|
onLabelEllipsisChange(state: boolean): void;
|
|
229
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }
|
|
230
|
-
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; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "
|
|
220
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }]>;
|
|
221
|
+
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; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
|
|
231
222
|
static ngAcceptInputType_preventDefault: unknown;
|
|
232
223
|
}
|
|
@@ -5,7 +5,6 @@ import { ApplicationTheme } from '../../models/application-theme.model';
|
|
|
5
5
|
import { MatTooltip } from "@angular/material/tooltip";
|
|
6
6
|
import { Alignment } from '../../models/checkbox.model';
|
|
7
7
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
8
|
-
import { Language } from '../../utils/localization/language.model';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
9
|
export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
|
|
11
10
|
private readonly defaultAppTheme;
|
|
@@ -14,7 +13,6 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
14
13
|
private focusMonitor;
|
|
15
14
|
private ngZone;
|
|
16
15
|
private destroyRef;
|
|
17
|
-
protected readonly appLang: Language;
|
|
18
16
|
/**
|
|
19
17
|
* Determines whether the checkbox is disabled.
|
|
20
18
|
* Default: false.
|
|
@@ -99,13 +97,6 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
99
97
|
* @memberof CheckboxComponent
|
|
100
98
|
*/
|
|
101
99
|
hasError: boolean;
|
|
102
|
-
/**
|
|
103
|
-
* The language to be used
|
|
104
|
-
* @property language
|
|
105
|
-
* @type {Language}
|
|
106
|
-
* @memberof CheckboxComponent
|
|
107
|
-
*/
|
|
108
|
-
language: Language;
|
|
109
100
|
/**
|
|
110
101
|
* Hide in-build errors for Reactive Forms
|
|
111
102
|
*
|
|
@@ -166,7 +157,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
166
157
|
tooltipElement: MatTooltip;
|
|
167
158
|
checkboxElement: MatCheckbox;
|
|
168
159
|
protected origin: string | null;
|
|
169
|
-
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef
|
|
160
|
+
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
|
|
170
161
|
ngOnChanges(): void;
|
|
171
162
|
/**
|
|
172
163
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
@@ -186,6 +177,6 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
186
177
|
onLabelEllipsisChange(isEllipsis: boolean): void;
|
|
187
178
|
onFocus(showTooltip: boolean): void;
|
|
188
179
|
private setCompanyColor;
|
|
189
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null
|
|
190
|
-
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; }; "hasError": { "alias": "hasError"; "required": false; }; "
|
|
180
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null]>;
|
|
181
|
+
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; }; "hasError": { "alias": "hasError"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
|
|
191
182
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
3
|
+
import { ChecklistItem } from "./checklist.model";
|
|
4
|
+
import { Language } from '../../utils/localization/language.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class ChecklistComponent implements OnChanges {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
8
|
+
/**
|
|
9
|
+
* Label for the checklist
|
|
10
|
+
* @type {string}
|
|
11
|
+
* @memberof ChecklistComponent
|
|
12
|
+
*/
|
|
13
|
+
label: string;
|
|
14
|
+
/**
|
|
15
|
+
* Items for the checklist
|
|
16
|
+
* @type {ChecklistItem[]}
|
|
17
|
+
* @memberof ChecklistComponent
|
|
18
|
+
*/
|
|
19
|
+
items: ChecklistItem[];
|
|
20
|
+
/**
|
|
21
|
+
* Application theme
|
|
22
|
+
* @type {ApplicationTheme}
|
|
23
|
+
* @memberof ChecklistComponent
|
|
24
|
+
*/
|
|
25
|
+
applicationTheme: ApplicationTheme;
|
|
26
|
+
/**
|
|
27
|
+
* Confirm button label
|
|
28
|
+
* @type {string}
|
|
29
|
+
* @memberof ChecklistComponent
|
|
30
|
+
*/
|
|
31
|
+
confirmButtonLabel: string;
|
|
32
|
+
/**
|
|
33
|
+
* A string representing the ARIA requirement for accessibility.
|
|
34
|
+
* This attribute is used to indicate whether an input field is required for form submission.
|
|
35
|
+
* @type {string}
|
|
36
|
+
* @memberof ChecklistComponent
|
|
37
|
+
*/
|
|
38
|
+
ariaLabel: string;
|
|
39
|
+
/**
|
|
40
|
+
* The language to be used
|
|
41
|
+
* @property language
|
|
42
|
+
* @type {Language}
|
|
43
|
+
* @memberof ChecklistComponent
|
|
44
|
+
*/
|
|
45
|
+
language: Language;
|
|
46
|
+
navigateItemClicked: EventEmitter<ChecklistItem>;
|
|
47
|
+
buttonClicked: EventEmitter<void>;
|
|
48
|
+
progressCompleted: EventEmitter<void>;
|
|
49
|
+
protected progress: import("@angular/core").WritableSignal<number>;
|
|
50
|
+
protected isBtnNavigateFocused: import("@angular/core").WritableSignal<boolean>;
|
|
51
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
52
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
53
|
+
keydownHandler($event: KeyboardEvent, contentElement: HTMLDivElement): void;
|
|
54
|
+
onClickNavigate(item: ChecklistItem): void;
|
|
55
|
+
onClickButton(): void;
|
|
56
|
+
protected clickCheckListItem(item: ChecklistItem): void;
|
|
57
|
+
private updateProgress;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChecklistComponent, [{ optional: true; }]>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChecklistComponent, "ui-checklist", never, { "label": { "alias": "label"; "required": false; }; "items": { "alias": "items"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "confirmButtonLabel": { "alias": "confirmButtonLabel"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "navigateItemClicked": "navigateItemClicked"; "buttonClicked": "buttonClicked"; "progressCompleted": "progressCompleted"; }, never, never, true, never>;
|
|
60
|
+
}
|
|
@@ -3,7 +3,6 @@ import { ControlValueAccessor, FormControl, FormGroup, NgControl } from '@angula
|
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { MatDatepicker } from '@angular/material/datepicker';
|
|
5
5
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
-
import { Language } from '../../utils/localization/language.model';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck {
|
|
9
8
|
private readonly defaultAppTheme;
|
|
@@ -11,7 +10,6 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
11
10
|
private sanitizer;
|
|
12
11
|
ngControl: NgControl;
|
|
13
12
|
private renderer2;
|
|
14
|
-
protected readonly appLang: Language;
|
|
15
13
|
class: string;
|
|
16
14
|
/**
|
|
17
15
|
* Form field label
|
|
@@ -91,13 +89,6 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
91
89
|
* @memberof DatepickerComponent
|
|
92
90
|
*/
|
|
93
91
|
updateOnBlur: boolean;
|
|
94
|
-
/**
|
|
95
|
-
* The language to be used
|
|
96
|
-
*
|
|
97
|
-
* @type {Language}
|
|
98
|
-
* @memberof DatepickerComponent
|
|
99
|
-
*/
|
|
100
|
-
language: Language;
|
|
101
92
|
/**
|
|
102
93
|
* Show reserved content below form field
|
|
103
94
|
*
|
|
@@ -191,7 +182,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
191
182
|
}>;
|
|
192
183
|
errorsLength: boolean;
|
|
193
184
|
protected translationContext: string;
|
|
194
|
-
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, sanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2
|
|
185
|
+
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, sanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2);
|
|
195
186
|
get hint(): string;
|
|
196
187
|
/**
|
|
197
188
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
@@ -212,6 +203,6 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
212
203
|
private getRange;
|
|
213
204
|
onInput(event: Event): void;
|
|
214
205
|
private setStyleVariable;
|
|
215
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null
|
|
216
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", 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; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "
|
|
206
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null]>;
|
|
207
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", 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; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
|
|
217
208
|
}
|
|
@@ -3,13 +3,11 @@ import { MatDialogRef } from '@angular/material/dialog';
|
|
|
3
3
|
import { ButtonColor } from '../button/button.model';
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import { ButtonComponent } from '../button/button.component';
|
|
6
|
-
import { Language } from '../../utils/localization/language.model';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
|
|
9
8
|
private readonly defaultAppTheme;
|
|
10
9
|
dialogRef: MatDialogRef<DialogComponent>;
|
|
11
10
|
private data;
|
|
12
|
-
protected readonly appLang: Language;
|
|
13
11
|
/**
|
|
14
12
|
* Dialog title
|
|
15
13
|
*
|
|
@@ -52,13 +50,6 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
52
50
|
* @memberof DialogComponent
|
|
53
51
|
*/
|
|
54
52
|
primaryButtonType: ButtonColor;
|
|
55
|
-
/**
|
|
56
|
-
* The language to be used
|
|
57
|
-
* @property language
|
|
58
|
-
* @type {Language}
|
|
59
|
-
* @memberof DialogComponent
|
|
60
|
-
*/
|
|
61
|
-
language: Language;
|
|
62
53
|
/**
|
|
63
54
|
* Primary button test id
|
|
64
55
|
*
|
|
@@ -140,7 +131,7 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
140
131
|
onEsc(_: KeyboardEvent): void;
|
|
141
132
|
constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<DialogComponent>, data: {
|
|
142
133
|
applicationTheme: ApplicationTheme;
|
|
143
|
-
}
|
|
134
|
+
});
|
|
144
135
|
disableButtons: boolean;
|
|
145
136
|
protected readonly translationContext = "DIALOG.";
|
|
146
137
|
ngOnInit(): void;
|
|
@@ -151,6 +142,6 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
151
142
|
onClose(event: Event): void;
|
|
152
143
|
onSecondaryButtonClick(event: Event): void;
|
|
153
144
|
onPrimaryButtonClick(event: Event): void;
|
|
154
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null
|
|
155
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "
|
|
145
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
|
|
146
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, never, ["*"], false, never>;
|
|
156
147
|
}
|
|
@@ -3,7 +3,6 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
|
3
3
|
import { FloatLabelType } from '@angular/material/form-field';
|
|
4
4
|
import { OptionType } from './dropdown.model';
|
|
5
5
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
6
|
-
import { Language } from '../../utils/localization/language.model';
|
|
7
6
|
import { FocusMonitor } from "@angular/cdk/a11y";
|
|
8
7
|
import { MatSelect } from "@angular/material/select";
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
@@ -12,7 +11,6 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
12
11
|
private readonly cdr;
|
|
13
12
|
ngControl: NgControl;
|
|
14
13
|
private readonly renderer2;
|
|
15
|
-
protected readonly appLang: Language;
|
|
16
14
|
private readonly focusMonitor;
|
|
17
15
|
private readonly destroyRef;
|
|
18
16
|
private readonly ngZone;
|
|
@@ -98,13 +96,6 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
98
96
|
* @memberof DropdownComponent
|
|
99
97
|
*/
|
|
100
98
|
required: boolean;
|
|
101
|
-
/**
|
|
102
|
-
* The language to be used
|
|
103
|
-
* @property language
|
|
104
|
-
* @type {Language}
|
|
105
|
-
* @memberof DropdownComponent
|
|
106
|
-
*/
|
|
107
|
-
language: Language;
|
|
108
99
|
/**
|
|
109
100
|
* Show reserved content below form field
|
|
110
101
|
* @property showBottomContent
|
|
@@ -166,7 +157,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
166
157
|
* @ignore
|
|
167
158
|
*/
|
|
168
159
|
onTouch: () => void;
|
|
169
|
-
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, renderer2: Renderer2,
|
|
160
|
+
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, renderer2: Renderer2, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
|
|
170
161
|
floatLabel: FloatLabelType;
|
|
171
162
|
classError: string;
|
|
172
163
|
errorsLength: boolean;
|
|
@@ -193,6 +184,6 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
193
184
|
onOpened(): void;
|
|
194
185
|
setStyleVariable(): void;
|
|
195
186
|
onKeydown($event: KeyboardEvent): void;
|
|
196
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }, null,
|
|
197
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "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; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "
|
|
187
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null]>;
|
|
188
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "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; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, never, false, never>;
|
|
198
189
|
}
|
|
@@ -2,11 +2,9 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
|
|
5
|
-
import { Language } from '../../utils/localization/language.model';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class EmptyStateComponent {
|
|
8
7
|
private readonly defaultAppTheme;
|
|
9
|
-
protected readonly appLang: Language;
|
|
10
8
|
/**
|
|
11
9
|
* @description If the default image should be displayed.
|
|
12
10
|
* @type {boolean}
|
|
@@ -79,12 +77,6 @@ export declare class EmptyStateComponent {
|
|
|
79
77
|
* @memberof EmptyStateComponent
|
|
80
78
|
*/
|
|
81
79
|
tertiaryButtonVariant: ButtonVariant;
|
|
82
|
-
/**
|
|
83
|
-
* The language to be used
|
|
84
|
-
* @type {Language}
|
|
85
|
-
* @memberof EmptyStateComponent
|
|
86
|
-
*/
|
|
87
|
-
language: Language;
|
|
88
80
|
/**
|
|
89
81
|
*
|
|
90
82
|
* Defines the application theme
|
|
@@ -115,12 +107,12 @@ export declare class EmptyStateComponent {
|
|
|
115
107
|
*/
|
|
116
108
|
tertiaryButtonClick: EventEmitter<Event>;
|
|
117
109
|
buttonApplicationTheme: ApplicationTheme;
|
|
118
|
-
constructor(defaultAppTheme: ApplicationTheme
|
|
110
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
119
111
|
ngOnInit(): void;
|
|
120
112
|
onPrimaryButtonClick(event: Event): void;
|
|
121
113
|
onSecondaryButtonClick(event: Event): void;
|
|
122
114
|
onTertiaryButtonClick(event: Event): void;
|
|
123
115
|
getVariant(variant: ButtonVariant): "primary" | "secondary" | "ghost";
|
|
124
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, [{ optional: true; }
|
|
125
|
-
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; }; "
|
|
116
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, [{ optional: true; }]>;
|
|
117
|
+
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; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
|
|
126
118
|
}
|
|
@@ -6,7 +6,6 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
|
6
6
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
7
7
|
import { IconName } from '../icon/icon.model';
|
|
8
8
|
import { FocusMonitor } from "@angular/cdk/a11y";
|
|
9
|
-
import { Language } from '../../utils/localization/language.model';
|
|
10
9
|
import * as i0 from "@angular/core";
|
|
11
10
|
export declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {
|
|
12
11
|
private readonly defaultAppTheme;
|
|
@@ -17,7 +16,6 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
17
16
|
private focusMonitor;
|
|
18
17
|
private ngZone;
|
|
19
18
|
private destroyRef;
|
|
20
|
-
protected readonly appLang: Language;
|
|
21
19
|
class: string;
|
|
22
20
|
/**
|
|
23
21
|
* Indicator of the autocomplete width
|
|
@@ -118,13 +116,6 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
118
116
|
* @memberof FieldComponent
|
|
119
117
|
*/
|
|
120
118
|
allowNegative: boolean;
|
|
121
|
-
/**
|
|
122
|
-
* The language to be used
|
|
123
|
-
* @property language
|
|
124
|
-
* @type {Language}
|
|
125
|
-
* @memberof FieldComponent
|
|
126
|
-
*/
|
|
127
|
-
language: Language;
|
|
128
119
|
/**
|
|
129
120
|
* Show reserved content below form field
|
|
130
121
|
* @property showBottomContent
|
|
@@ -260,7 +251,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
260
251
|
* @ignore
|
|
261
252
|
*/
|
|
262
253
|
onTouch: () => void;
|
|
263
|
-
constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef
|
|
254
|
+
constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
|
|
264
255
|
ngAfterViewInit(): void;
|
|
265
256
|
/**
|
|
266
257
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
@@ -291,6 +282,6 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
291
282
|
onBlur(): void;
|
|
292
283
|
trackByFn: (index: number, value: any) => any;
|
|
293
284
|
focus(): void;
|
|
294
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null
|
|
295
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "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; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "
|
|
285
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
|
|
286
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "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; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
|
|
296
287
|
}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, OnInit, SimpleChanges, ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
-
import { Language } from '../../utils/localization/language.model';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
7
6
|
private readonly defaultAppTheme;
|
|
8
|
-
protected readonly appLang: Language;
|
|
9
7
|
class: string;
|
|
10
8
|
/**
|
|
11
9
|
*
|
|
@@ -54,13 +52,6 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
54
52
|
* @memberof FileUploadComponent
|
|
55
53
|
*/
|
|
56
54
|
file: File | null;
|
|
57
|
-
/**
|
|
58
|
-
* The language to be used
|
|
59
|
-
* @property language
|
|
60
|
-
* @type {Language}
|
|
61
|
-
* @memberof FileUploadComponent
|
|
62
|
-
*/
|
|
63
|
-
language: Language;
|
|
64
55
|
/**
|
|
65
56
|
* Color of the file upload.
|
|
66
57
|
* Defaults to Test Gorilla primary color.
|
|
@@ -108,7 +99,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
108
99
|
success: boolean;
|
|
109
100
|
browse: boolean;
|
|
110
101
|
isCanceled: boolean;
|
|
111
|
-
constructor(defaultAppTheme: ApplicationTheme
|
|
102
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
112
103
|
ngOnInit(): void;
|
|
113
104
|
onFileDropped(files: FileList): void;
|
|
114
105
|
onChangeUpload(event: Event): void;
|
|
@@ -124,6 +115,6 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
124
115
|
private getCompanyColor;
|
|
125
116
|
private fileSizeToMB;
|
|
126
117
|
onKeydown(ev: KeyboardEvent): void;
|
|
127
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }
|
|
128
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "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; }; "
|
|
118
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }]>;
|
|
119
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "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; }; "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>;
|
|
129
120
|
}
|