@testgorilla/tgo-ui 1.13.35 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.component.d.ts +3 -1
- package/components/alert-banner/alert-banner.component.d.ts +11 -3
- package/components/autocomplete/autocomplete.component.d.ts +3 -2
- package/components/avatar/avatar.component.d.ts +4 -2
- package/components/badge/badge.component.d.ts +3 -1
- package/components/banner-action/banner-action.component.d.ts +3 -1
- package/components/button/button.component.d.ts +3 -1
- package/components/card/card.component.d.ts +3 -1
- package/components/checkbox/checkbox.component.d.ts +3 -2
- package/components/confirm-dialog/confirm-dialog.component.d.ts +3 -2
- package/components/datepicker/datepicker.component.d.ts +3 -2
- package/components/dialog/dialog.component.d.ts +5 -4
- package/components/divider/divider.component.d.ts +3 -1
- package/components/dropdown/dropdown.component.d.ts +3 -2
- package/components/elevation-shadow/elevation-shadow.component.d.ts +3 -1
- package/components/empty-state/empty-state.component.d.ts +3 -1
- package/components/field/field.component.d.ts +3 -2
- package/components/file-upload/file-upload.component.d.ts +3 -1
- package/components/icon/icon.component.d.ts +3 -2
- package/components/icon/icon.config.d.ts +1 -1
- package/components/icon-label/icon-label.component.d.ts +3 -2
- package/components/logo/logo.component.d.ts +3 -1
- package/components/navbar/navbar.component.d.ts +3 -1
- package/components/navigation/navigation.component.d.ts +3 -2
- package/components/overflow-menu/overflow-menu.component.d.ts +3 -2
- package/components/page-header/page-header.component.d.ts +3 -2
- package/components/paginator/paginator.component.d.ts +3 -1
- package/components/progress-bar/progress-bar.component.d.ts +3 -2
- package/components/radial-progress/radial-progress.component.d.ts +3 -1
- package/components/radio-button/radio-button.component.d.ts +3 -1
- package/components/rating/rating.component.d.ts +3 -2
- package/components/scale/scale.component.d.ts +3 -2
- package/components/segmented-bar/segmented-bar.component.d.ts +3 -1
- package/components/side-sheet/side-sheet.component.d.ts +3 -2
- package/components/skeleton/skeleton.component.d.ts +3 -1
- package/components/slider/slider.component.d.ts +3 -1
- package/components/snackbar/snackbar.component.d.ts +3 -2
- package/components/spinner/spinner.component.d.ts +3 -1
- package/components/step/step.component.d.ts +3 -1
- package/components/stepper/stepper.component.d.ts +3 -2
- package/components/table/table.component.d.ts +3 -1
- package/components/tabs/tabs.component.d.ts +3 -1
- package/components/tag/tag.component.d.ts +3 -1
- package/components/toggle/toggle.component.d.ts +4 -2
- package/components/tooltip/tooltip.component.d.ts +3 -1
- package/esm2022/components/accordion/accordion.component.mjs +15 -6
- package/esm2022/components/alert-banner/alert-banner.component.mjs +19 -8
- package/esm2022/components/autocomplete/autocomplete.component.mjs +15 -6
- package/esm2022/components/avatar/avatar.component.mjs +15 -6
- package/esm2022/components/badge/badge.component.mjs +15 -6
- package/esm2022/components/banner-action/banner-action.component.mjs +15 -6
- package/esm2022/components/button/button.component.mjs +25 -16
- package/esm2022/components/card/card.component.mjs +15 -6
- package/esm2022/components/checkbox/checkbox.component.mjs +15 -6
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +15 -6
- package/esm2022/components/datepicker/datepicker.component.mjs +15 -6
- package/esm2022/components/dialog/dialog.component.mjs +15 -6
- package/esm2022/components/divider/divider.component.mjs +15 -6
- package/esm2022/components/dropdown/dropdown.component.mjs +15 -6
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +15 -6
- package/esm2022/components/empty-state/empty-state.component.mjs +15 -6
- package/esm2022/components/field/field.component.mjs +15 -6
- package/esm2022/components/file-upload/file-upload.component.mjs +15 -6
- package/esm2022/components/icon/icon.component.mjs +15 -6
- package/esm2022/components/icon/icon.config.mjs +3 -1
- package/esm2022/components/icon-label/icon-label.component.mjs +15 -6
- package/esm2022/components/logo/logo.component.mjs +25 -16
- package/esm2022/components/navbar/navbar.component.mjs +17 -8
- package/esm2022/components/navigation/navigation.component.mjs +15 -6
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +15 -6
- package/esm2022/components/page-header/page-header.component.mjs +15 -6
- package/esm2022/components/paginator/paginator.component.mjs +15 -6
- package/esm2022/components/progress-bar/progress-bar.component.mjs +15 -6
- package/esm2022/components/radial-progress/radial-progress.component.mjs +15 -6
- package/esm2022/components/radio-button/radio-button.component.mjs +21 -12
- package/esm2022/components/rating/rating.component.mjs +15 -6
- package/esm2022/components/scale/scale.component.mjs +15 -6
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +15 -6
- package/esm2022/components/side-sheet/side-sheet.component.mjs +15 -6
- package/esm2022/components/skeleton/skeleton.component.mjs +21 -12
- package/esm2022/components/slider/slider.component.mjs +15 -6
- package/esm2022/components/snackbar/snackbar.component.mjs +14 -5
- package/esm2022/components/spinner/spinner.component.mjs +15 -6
- package/esm2022/components/step/step.component.mjs +15 -6
- package/esm2022/components/stepper/stepper.component.mjs +15 -6
- package/esm2022/components/table/table.component.mjs +40 -31
- package/esm2022/components/tabs/tabs.component.mjs +15 -6
- package/esm2022/components/tag/tag.component.mjs +25 -16
- package/esm2022/components/toggle/toggle.component.mjs +15 -6
- package/esm2022/components/tooltip/tooltip.component.mjs +15 -6
- package/fesm2022/testgorilla-tgo-ui.mjs +647 -247
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/rebrand/Add-filled.svg +3 -0
- package/src/assets/icons/rebrand/Add-in-line.svg +3 -0
- package/src/theme/_input.scss +2 -2
- package/src/theme/theme.scss +4 -0
|
@@ -4,7 +4,7 @@ import { OverflowMenuButtonsType } from './overflow-menu.model';
|
|
|
4
4
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class OverflowMenuComponent implements OnInit {
|
|
7
|
-
|
|
7
|
+
private readonly defaultAppTheme;
|
|
8
8
|
/**
|
|
9
9
|
* Menu buttons
|
|
10
10
|
*
|
|
@@ -47,8 +47,9 @@ export declare class OverflowMenuComponent implements OnInit {
|
|
|
47
47
|
*/
|
|
48
48
|
ariaRequired: boolean;
|
|
49
49
|
selectItem: EventEmitter<string>;
|
|
50
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
50
51
|
ngOnInit(): void;
|
|
51
52
|
onSelectItem(event: Event, value: string): void;
|
|
52
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent,
|
|
53
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, [{ optional: true; }]>;
|
|
53
54
|
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>;
|
|
54
55
|
}
|
|
@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
|
|
|
3
3
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class PageHeaderComponent {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
protected readonly isMobile$: Observable<boolean>;
|
|
7
8
|
/**
|
|
8
9
|
* Flag to determine whether the "Back" button should be displayed.
|
|
@@ -36,9 +37,9 @@ export declare class PageHeaderComponent {
|
|
|
36
37
|
* @memberof PageHeaderComponent
|
|
37
38
|
*/
|
|
38
39
|
back: EventEmitter<void>;
|
|
39
|
-
constructor(isMobile$: Observable<boolean>);
|
|
40
|
+
constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
|
|
40
41
|
protected onBack(): void;
|
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent,
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, [{ optional: true; }, null]>;
|
|
42
43
|
static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "language": { "alias": "language"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], false, never>;
|
|
43
44
|
static ngAcceptInputType_showBackButton: unknown;
|
|
44
45
|
}
|
|
@@ -3,6 +3,7 @@ import { MatPaginatorSelectConfig, PageEvent } from '@angular/material/paginator
|
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class PaginatorComponent {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Paginator size options
|
|
8
9
|
*
|
|
@@ -41,7 +42,8 @@ export declare class PaginatorComponent {
|
|
|
41
42
|
applicationTheme: ApplicationTheme;
|
|
42
43
|
paginatorChange: EventEmitter<PageEvent>;
|
|
43
44
|
selectConfig: MatPaginatorSelectConfig;
|
|
45
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
44
46
|
onPaginatorChange(paginator: PageEvent): void;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent,
|
|
47
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, [{ optional: true; }]>;
|
|
46
48
|
static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
|
|
47
49
|
}
|
|
@@ -3,6 +3,7 @@ import { ProgressBarMode } from '@angular/material/progress-bar';
|
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class ProgressBarComponent implements OnChanges {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Color of the progress bar.
|
|
8
9
|
* Defaults to Test Gorilla primary color.
|
|
@@ -44,8 +45,8 @@ export declare class ProgressBarComponent implements OnChanges {
|
|
|
44
45
|
* @memberof ProgressBarComponent
|
|
45
46
|
*/
|
|
46
47
|
applicationTheme: ApplicationTheme;
|
|
47
|
-
constructor();
|
|
48
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
48
49
|
ngOnChanges(changes: SimpleChanges): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent,
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, [{ optional: true; }]>;
|
|
50
51
|
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>;
|
|
51
52
|
}
|
|
@@ -2,6 +2,7 @@ import { RadialProgressSize, RadialProgressSizeEnum } from './radial-progress.mo
|
|
|
2
2
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class RadialProgressComponent {
|
|
5
|
+
private readonly defaultAppTheme;
|
|
5
6
|
/**
|
|
6
7
|
* The size of the component. Defaults to 'small'.
|
|
7
8
|
* @type {RadialProgressSize}
|
|
@@ -29,8 +30,9 @@ export declare class RadialProgressComponent {
|
|
|
29
30
|
*/
|
|
30
31
|
applicationTheme: ApplicationTheme;
|
|
31
32
|
protected radialProgressSize: typeof RadialProgressSizeEnum;
|
|
33
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
32
34
|
protected get progressSize(): number;
|
|
33
35
|
protected get percentage(): number;
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponent,
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponent, [{ optional: true; }]>;
|
|
35
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<RadialProgressComponent, "ui-radial-progress", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "total": { "alias": "total"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
36
38
|
}
|
|
@@ -4,6 +4,7 @@ import { RadioButtonEventType } from './radio-button.model';
|
|
|
4
4
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class RadioButtonComponent implements OnInit, OnChanges {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
/**
|
|
8
9
|
* Determines whether the radio button is disabled.
|
|
9
10
|
* Default: false.
|
|
@@ -98,10 +99,11 @@ export declare class RadioButtonComponent implements OnInit, OnChanges {
|
|
|
98
99
|
*/
|
|
99
100
|
changeRadio: EventEmitter<RadioButtonEventType>;
|
|
100
101
|
classMultiple: string;
|
|
102
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
101
103
|
ngOnInit(): void;
|
|
102
104
|
ngOnChanges(changes: SimpleChanges): void;
|
|
103
105
|
clickRadio(element: MatRadioButton, event: MouseEvent): void;
|
|
104
106
|
setClass(): string;
|
|
105
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent,
|
|
107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }]>;
|
|
106
108
|
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>;
|
|
107
109
|
}
|
|
@@ -3,6 +3,7 @@ import { ApplicationTheme } from '../../models/application-theme.model';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type RatingComponentTheme = 'stars' | 'block';
|
|
5
5
|
export declare class RatingComponent {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
private readonly MIN_LENGTH;
|
|
7
8
|
private readonly DEFAULT_LENGTH;
|
|
8
9
|
protected items: number[];
|
|
@@ -55,9 +56,9 @@ export declare class RatingComponent {
|
|
|
55
56
|
barWidth: number;
|
|
56
57
|
set length(length: number);
|
|
57
58
|
valueChange: EventEmitter<number>;
|
|
58
|
-
constructor();
|
|
59
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
59
60
|
protected select(index: number): void;
|
|
60
61
|
protected onHover(index: number): void;
|
|
61
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent,
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, [{ optional: true; }]>;
|
|
62
63
|
static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
63
64
|
}
|
|
@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ScaleComponent {
|
|
5
|
+
private readonly defaultAppTheme;
|
|
5
6
|
private readonly MIN_LENGTH;
|
|
6
7
|
private readonly DEFAULT_LENGTH;
|
|
7
8
|
protected items: number[];
|
|
@@ -26,8 +27,8 @@ export declare class ScaleComponent {
|
|
|
26
27
|
*/
|
|
27
28
|
applicationTheme: ApplicationTheme;
|
|
28
29
|
selectedIndexChange: EventEmitter<number>;
|
|
29
|
-
constructor();
|
|
30
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
30
31
|
protected select(index: number): void;
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent,
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, [{ optional: true; }]>;
|
|
32
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, false, never>;
|
|
33
34
|
}
|
|
@@ -2,6 +2,7 @@ import { SegmentedBar, SegmentedBarVariant } from './segmented-bar.model';
|
|
|
2
2
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SegmentedBarComponent {
|
|
5
|
+
private readonly defaultAppTheme;
|
|
5
6
|
/**
|
|
6
7
|
* The width of the segmented bar. Defaults to '100%'.
|
|
7
8
|
* You can use '100%' or '100px' for this field. 100 is just an example
|
|
@@ -47,6 +48,7 @@ export declare class SegmentedBarComponent {
|
|
|
47
48
|
* @memberof SegmentedBarComponent
|
|
48
49
|
*/
|
|
49
50
|
ariaRequired: boolean;
|
|
50
|
-
|
|
51
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, [{ optional: true; }]>;
|
|
51
53
|
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, {}, never, never, false, never>;
|
|
52
54
|
}
|
|
@@ -5,6 +5,7 @@ import { MatDrawer } from '@angular/material/sidenav';
|
|
|
5
5
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class SideSheetComponent implements OnInit {
|
|
8
|
+
private readonly defaultAppTheme;
|
|
8
9
|
private sideSheetService;
|
|
9
10
|
private destroyRef;
|
|
10
11
|
/**
|
|
@@ -35,11 +36,11 @@ export declare class SideSheetComponent implements OnInit {
|
|
|
35
36
|
protected showBackButton: boolean;
|
|
36
37
|
protected showTitleTooltip: boolean;
|
|
37
38
|
protected componentRef$: import("rxjs").Observable<SideSheetConfig | null>;
|
|
38
|
-
constructor(sideSheetService: SideSheetService, destroyRef: DestroyRef);
|
|
39
|
+
constructor(defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
|
|
39
40
|
ngOnInit(): void;
|
|
40
41
|
private setComponentRef;
|
|
41
42
|
private setConfig;
|
|
42
43
|
protected onClose(): void;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent,
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, [{ optional: true; }, null, null]>;
|
|
44
45
|
static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
45
46
|
}
|
|
@@ -4,6 +4,7 @@ import { Appearance } from './skeleton.model';
|
|
|
4
4
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkeletonComponent {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
count: number | string;
|
|
8
9
|
set theme(value: NgxSkeletonLoaderConfigTheme);
|
|
9
10
|
set appearance(value: Appearance);
|
|
@@ -15,10 +16,11 @@ export declare class SkeletonComponent {
|
|
|
15
16
|
* @memberof SkeletonComponent
|
|
16
17
|
*/
|
|
17
18
|
applicationTheme: ApplicationTheme;
|
|
19
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
18
20
|
protected readonly theme$: BehaviorSubject<NgxSkeletonLoaderConfigTheme>;
|
|
19
21
|
protected readonly appearance$: BehaviorSubject<"" | "circle" | "line" | "custom-content">;
|
|
20
22
|
protected readonly currentTheme$: import("rxjs").Observable<NgxSkeletonLoaderConfigTheme>;
|
|
21
23
|
private getThemeWithDefaultValues;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent,
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, [{ optional: true; }]>;
|
|
23
25
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
26
|
}
|
|
@@ -3,6 +3,7 @@ import { SliderValue } from './slider.model';
|
|
|
3
3
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class SliderComponent {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* The maximum value of the slider.
|
|
8
9
|
*
|
|
@@ -82,6 +83,7 @@ export declare class SliderComponent {
|
|
|
82
83
|
*/
|
|
83
84
|
applicationTheme: ApplicationTheme;
|
|
84
85
|
sliderValueChange: EventEmitter<SliderValue>;
|
|
86
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
85
87
|
private value;
|
|
86
88
|
protected translationContext: string;
|
|
87
89
|
protected touchedControlName: string;
|
|
@@ -96,6 +98,6 @@ export declare class SliderComponent {
|
|
|
96
98
|
protected onInputFocus(): void;
|
|
97
99
|
private isValueChanged;
|
|
98
100
|
get hasError(): boolean;
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent,
|
|
101
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
|
|
100
102
|
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "sliderValueChange": "sliderValueChange"; }, never, never, false, never>;
|
|
101
103
|
}
|
|
@@ -6,6 +6,7 @@ import { ApplicationTheme } from '../../models/application-theme.model';
|
|
|
6
6
|
import { LinkTargetType } from '../alert-banner/alert-banner.model';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class SnackbarComponent implements OnInit {
|
|
9
|
+
private readonly defaultAppTheme;
|
|
9
10
|
private data;
|
|
10
11
|
private snackbarRef;
|
|
11
12
|
/**
|
|
@@ -89,13 +90,13 @@ export declare class SnackbarComponent implements OnInit {
|
|
|
89
90
|
timerPausedAt: number;
|
|
90
91
|
position: string;
|
|
91
92
|
translationContext: string;
|
|
92
|
-
constructor(data: any, snackbarRef: MatSnackBarRef<SnackbarComponent>);
|
|
93
|
+
constructor(defaultAppTheme: ApplicationTheme, data: any, snackbarRef: MatSnackBarRef<SnackbarComponent>);
|
|
93
94
|
ngOnInit(): void;
|
|
94
95
|
show(): void;
|
|
95
96
|
hide(): void;
|
|
96
97
|
onMouseEnter(): void;
|
|
97
98
|
onMouseLeave(): void;
|
|
98
99
|
dismissClick(): void;
|
|
99
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent,
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null]>;
|
|
100
101
|
static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "language": { "alias": "language"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
101
102
|
}
|
|
@@ -3,6 +3,7 @@ import { SpinnerSize } from './spinner.model';
|
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class SpinnerComponent implements OnInit, OnChanges {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* The size variant of the spinner. Can be 'small' or 'large'.
|
|
8
9
|
* Defaults to 'large'.
|
|
@@ -28,9 +29,10 @@ export declare class SpinnerComponent implements OnInit, OnChanges {
|
|
|
28
29
|
*/
|
|
29
30
|
applicationTheme: ApplicationTheme;
|
|
30
31
|
classes: string;
|
|
32
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
31
33
|
ngOnChanges(): void;
|
|
32
34
|
ngOnInit(): void;
|
|
33
35
|
setSpinnerClasses(): void;
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent,
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, [{ optional: true; }]>;
|
|
35
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
36
38
|
}
|
|
@@ -3,6 +3,7 @@ import { IconName } from '../icon/icon.model';
|
|
|
3
3
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class StepComponent {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Input property for the label of the step.
|
|
8
9
|
*
|
|
@@ -95,8 +96,9 @@ export declare class StepComponent {
|
|
|
95
96
|
* @memberof StepComponent
|
|
96
97
|
*/
|
|
97
98
|
stepSelected: EventEmitter<number>;
|
|
99
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
98
100
|
protected get hasLastStepDefaultIcon(): boolean;
|
|
99
101
|
protected onStepSelected(index: number): void;
|
|
100
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent,
|
|
102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }]>;
|
|
101
103
|
static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
|
|
102
104
|
}
|
|
@@ -4,6 +4,7 @@ import { Observable } from 'rxjs';
|
|
|
4
4
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class StepperComponent {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
protected readonly isMobile$: Observable<boolean>;
|
|
8
9
|
/**
|
|
9
10
|
* Input property to set the steps for the stepper.
|
|
@@ -66,10 +67,10 @@ export declare class StepperComponent {
|
|
|
66
67
|
protected translationContext: string;
|
|
67
68
|
get isOpen(): boolean;
|
|
68
69
|
set isOpen(value: boolean);
|
|
69
|
-
constructor(isMobile$: Observable<boolean>);
|
|
70
|
+
constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
|
|
70
71
|
protected onSelect(changedIndex: number, step: Step): void;
|
|
71
72
|
protected showStepsToggle(): void;
|
|
72
73
|
protected onCloseStepList(): void;
|
|
73
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent,
|
|
74
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null]>;
|
|
74
75
|
static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
|
|
75
76
|
}
|
|
@@ -4,6 +4,7 @@ import { PageEvent } from '@angular/material/paginator';
|
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class TableComponent implements OnChanges {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
/**
|
|
8
9
|
* Table configuration
|
|
9
10
|
*
|
|
@@ -45,12 +46,13 @@ export declare class TableComponent implements OnChanges {
|
|
|
45
46
|
'border-radius': string;
|
|
46
47
|
height: string;
|
|
47
48
|
};
|
|
49
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
48
50
|
ngOnInit(): void;
|
|
49
51
|
ngOnChanges(): void;
|
|
50
52
|
private defaultPaginationConfig;
|
|
51
53
|
protected onPaginatorChange(event: PageEvent): void;
|
|
52
54
|
protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
|
|
53
55
|
protected onSortChange(sortState: Sort): void;
|
|
54
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent,
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [{ optional: true; }]>;
|
|
55
57
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, never, false, never>;
|
|
56
58
|
}
|
|
@@ -2,6 +2,7 @@ import { Tab, TabsType } from "./tabs.model";
|
|
|
2
2
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class TabsComponent {
|
|
5
|
+
private readonly defaultAppTheme;
|
|
5
6
|
/**
|
|
6
7
|
* Color of the Tabs.
|
|
7
8
|
* Defaults to Test Gorilla primary color.
|
|
@@ -47,8 +48,9 @@ export declare class TabsComponent {
|
|
|
47
48
|
*/
|
|
48
49
|
applicationTheme: ApplicationTheme;
|
|
49
50
|
protected tabs: Tab[];
|
|
51
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
50
52
|
addTab(tab: Tab): void;
|
|
51
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent,
|
|
53
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }]>;
|
|
52
54
|
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
53
55
|
static ngAcceptInputType_headerContentPadding: number;
|
|
54
56
|
static ngAcceptInputType_dynamicHeight: unknown;
|
|
@@ -3,6 +3,7 @@ import { IconColor, IconName } from '../icon/icon.model';
|
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TagComponent implements AfterViewInit, OnInit {
|
|
6
|
+
private readonly defaultAppTheme;
|
|
6
7
|
/**
|
|
7
8
|
* Tag's label
|
|
8
9
|
*
|
|
@@ -113,6 +114,7 @@ export declare class TagComponent implements AfterViewInit, OnInit {
|
|
|
113
114
|
protected iconToPass: IconName;
|
|
114
115
|
protected iconColor: IconColor;
|
|
115
116
|
labelElement: ElementRef<HTMLElement>;
|
|
117
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
116
118
|
ngOnInit(): void;
|
|
117
119
|
ngAfterViewInit(): void;
|
|
118
120
|
onPress(): void;
|
|
@@ -122,6 +124,6 @@ export declare class TagComponent implements AfterViewInit, OnInit {
|
|
|
122
124
|
private isLabelEllipseActive;
|
|
123
125
|
get tabIndex(): number;
|
|
124
126
|
get filled(): boolean;
|
|
125
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent,
|
|
127
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, [{ optional: true; }]>;
|
|
126
128
|
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "allowClose": { "alias": "allowClose"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "close": "close"; "press": "press"; }, never, never, false, never>;
|
|
127
129
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { RegisterFn } from './toggle.model';
|
|
4
|
-
import { ApplicationTheme } from
|
|
4
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class ToggleComponent implements ControlValueAccessor, OnChanges {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
/**
|
|
8
9
|
* The `selected` property determines the current state of the toggle switch.
|
|
9
10
|
*
|
|
@@ -74,6 +75,7 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges
|
|
|
74
75
|
ariaRequired: boolean;
|
|
75
76
|
protected showLabelTooltip: boolean;
|
|
76
77
|
protected classes: string;
|
|
78
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
77
79
|
ngOnChanges(): void;
|
|
78
80
|
onToggle(): void;
|
|
79
81
|
writeValue(state: boolean): void;
|
|
@@ -83,6 +85,6 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges
|
|
|
83
85
|
changeTextState(state: boolean): void;
|
|
84
86
|
private onChange;
|
|
85
87
|
private onTouched;
|
|
86
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent,
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, [{ optional: true; }]>;
|
|
87
89
|
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
|
|
88
90
|
}
|
|
@@ -4,6 +4,7 @@ import { TooltipPosition } from '@angular/material/tooltip';
|
|
|
4
4
|
import { ApplicationTheme } from "../../models/application-theme.model";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class TooltipComponent implements OnInit {
|
|
7
|
+
private readonly defaultAppTheme;
|
|
7
8
|
/**
|
|
8
9
|
* Allows the user to define the position of the tooltip relative to the parent element.
|
|
9
10
|
*
|
|
@@ -26,9 +27,10 @@ export declare class TooltipComponent implements OnInit {
|
|
|
26
27
|
* @memberof TooltipComponent
|
|
27
28
|
*/
|
|
28
29
|
applicationTheme: ApplicationTheme;
|
|
30
|
+
constructor(defaultAppTheme: ApplicationTheme);
|
|
29
31
|
matPosition: TooltipPosition;
|
|
30
32
|
ngOnInit(): void;
|
|
31
33
|
setPosition(): void;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent,
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [{ optional: true; }]>;
|
|
33
35
|
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
34
36
|
}
|