@testgorilla/tgo-ui 1.10.4 → 1.11.1
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/autocomplete/autocomplete.component.d.ts +1 -2
- package/components/autocomplete/autocomplete.model.d.ts +1 -1
- package/components/confirm-dialog/confirm-dialog.component.d.ts +1 -1
- package/components/confirm-dialog/confirm-dialog.model.d.ts +1 -1
- package/components/datepicker/datepicker.component.d.ts +17 -5
- package/components/dialog/dialog.component.d.ts +1 -2
- package/components/dropdown/dropdown.component.d.ts +1 -3
- package/components/empty-state/empty-state.component.d.ts +1 -2
- package/components/field/field.component.d.ts +9 -2
- package/components/file-upload/file-upload.component.d.ts +1 -2
- package/components/navbar/navbar.component.d.ts +1 -2
- package/components/page-header/page-header.component.d.ts +1 -3
- package/components/side-sheet/side-sheet.component.d.ts +1 -3
- package/components/slider/slider.component.d.ts +1 -2
- package/components/snackbar/snackbar.component.d.ts +1 -2
- package/components/stepper/stepper.component.d.ts +1 -2
- package/components/table/table.component.d.ts +10 -5
- package/components/table/table.component.module.d.ts +10 -7
- package/components/table/table.model.d.ts +10 -0
- package/components/toggle/toggle.component.d.ts +26 -1
- package/components/toggle/toggle.component.module.d.ts +3 -1
- package/{components/table → directives}/ellipse-text.directive.d.ts +1 -1
- package/esm2022/components/autocomplete/autocomplete.component.mjs +8 -1
- package/esm2022/components/autocomplete/autocomplete.model.mjs +2 -2
- package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +1 -1
- package/esm2022/components/datepicker/datepicker.component.mjs +29 -14
- package/esm2022/components/dialog/dialog.component.mjs +1 -1
- package/esm2022/components/dropdown/dropdown.component.mjs +10 -13
- package/esm2022/components/empty-state/empty-state.component.mjs +1 -1
- package/esm2022/components/field/field.component.mjs +13 -4
- package/esm2022/components/file-upload/file-upload.component.mjs +1 -1
- package/esm2022/components/navbar/navbar.component.mjs +1 -1
- package/esm2022/components/page-header/page-header.component.mjs +10 -13
- package/esm2022/components/side-sheet/side-sheet.component.mjs +10 -13
- package/esm2022/components/slider/slider.component.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +1 -1
- package/esm2022/components/stepper/stepper.component.mjs +1 -1
- package/esm2022/components/table/table.component.mjs +26 -4
- package/esm2022/components/table/table.component.module.mjs +34 -6
- package/esm2022/components/table/table.model.mjs +1 -1
- package/esm2022/components/toggle/toggle.component.mjs +36 -5
- package/esm2022/components/toggle/toggle.component.module.mjs +6 -4
- package/esm2022/directives/ellipse-text.directive.mjs +37 -0
- package/esm2022/public-api.mjs +3 -1
- package/esm2022/utils/localization/language.model.mjs +16 -0
- package/esm2022/utils/localization/language.service.mjs +2 -17
- package/fesm2022/testgorilla-tgo-ui.mjs +201 -103
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/theme/_tooltip.scss +1 -1
- package/utils/localization/language.model.d.ts +14 -0
- package/utils/localization/language.service.d.ts +1 -14
- package/esm2022/components/table/ellipse-text.directive.mjs +0 -36
|
@@ -3,7 +3,6 @@ import { ControlValueAccessor } from '@angular/forms';
|
|
|
3
3
|
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
4
4
|
import { ReplaySubject } from 'rxjs';
|
|
5
5
|
import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
|
|
6
|
-
import { Language } from '../../utils/localization/language.service';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
|
|
9
8
|
private readonly cdr;
|
|
@@ -79,7 +78,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
79
78
|
* @type {Language}
|
|
80
79
|
* @memberof AutocompleteComponent
|
|
81
80
|
*/
|
|
82
|
-
language: Language;
|
|
81
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
83
82
|
selectionChange: EventEmitter<any>;
|
|
84
83
|
searchTextChange: EventEmitter<string>;
|
|
85
84
|
formFieldElement: ElementRef<HTMLElement>;
|
|
@@ -8,7 +8,7 @@ export declare class ConfirmDialogComponent {
|
|
|
8
8
|
confirmButtonText: string | undefined;
|
|
9
9
|
cancelButtonText: string | undefined;
|
|
10
10
|
title: string | undefined;
|
|
11
|
-
lang: import("
|
|
11
|
+
lang: import("@testgorilla/tgo-ui").Language;
|
|
12
12
|
constructor(dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
|
|
13
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
|
|
14
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, {}, {}, never, never, false, never>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class DatepickerComponent implements OnChanges, ControlValueAccessor {
|
|
6
5
|
class: string;
|
|
@@ -86,10 +85,23 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
86
85
|
* The language to be used
|
|
87
86
|
*
|
|
88
87
|
* @type {Language}
|
|
89
|
-
* @memberof
|
|
88
|
+
* @memberof DatepickerComponent
|
|
89
|
+
*/
|
|
90
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
91
|
+
/**
|
|
92
|
+
* Show reserved content below form field
|
|
93
|
+
*
|
|
94
|
+
* @type {boolean}
|
|
95
|
+
* @memberof DatepickerComponent
|
|
96
|
+
*/
|
|
97
|
+
showBottomContent: boolean;
|
|
98
|
+
/**
|
|
99
|
+
* Set full width DatepickerComponent
|
|
100
|
+
*
|
|
101
|
+
* @type {boolean}
|
|
102
|
+
* @memberof DatepickerComponent
|
|
90
103
|
*/
|
|
91
|
-
|
|
92
|
-
protected lang: Language;
|
|
104
|
+
fullWidth: boolean;
|
|
93
105
|
/**
|
|
94
106
|
* @ignore
|
|
95
107
|
*/
|
|
@@ -123,5 +135,5 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
123
135
|
private setRange;
|
|
124
136
|
private getRange;
|
|
125
137
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
|
|
126
|
-
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; }; "language": { "alias": "language"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
|
|
138
|
+
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; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
|
|
127
139
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
3
3
|
import { ButtonColor } from '../button/button.model';
|
|
4
|
-
import { Language } from '../../utils/localization/language.service';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export declare class DialogComponent implements OnInit, OnChanges {
|
|
7
6
|
dialogRef: MatDialogRef<DialogComponent>;
|
|
@@ -54,7 +53,7 @@ export declare class DialogComponent implements OnInit, OnChanges {
|
|
|
54
53
|
* @type {Language}
|
|
55
54
|
* @memberof DialogComponent
|
|
56
55
|
*/
|
|
57
|
-
language: Language;
|
|
56
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
58
57
|
/**
|
|
59
58
|
* Color of the dialog.
|
|
60
59
|
* Defaults to Test Gorilla primary color.
|
|
@@ -2,7 +2,6 @@ import { OnInit } from '@angular/core';
|
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { FloatLabelType } from '@angular/material/form-field';
|
|
4
4
|
import { OptionType } from './dropdown.model';
|
|
5
|
-
import { Language } from '../../utils/localization/language.service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class DropdownComponent implements OnInit, ControlValueAccessor {
|
|
8
7
|
class: string;
|
|
@@ -93,8 +92,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
|
|
|
93
92
|
* @type {Language}
|
|
94
93
|
* @memberof DropdownComponent
|
|
95
94
|
*/
|
|
96
|
-
|
|
97
|
-
protected lang: Language;
|
|
95
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
98
96
|
/**
|
|
99
97
|
* @ignore
|
|
100
98
|
*/
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class EmptyStateComponent {
|
|
6
5
|
/**
|
|
@@ -50,7 +49,7 @@ export declare class EmptyStateComponent {
|
|
|
50
49
|
* @type {Language}
|
|
51
50
|
* @memberof EmptyStateComponent
|
|
52
51
|
*/
|
|
53
|
-
language: Language;
|
|
52
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
54
53
|
/**
|
|
55
54
|
* Event triggered when the primary button is clicked.
|
|
56
55
|
* @type {Event}
|
|
@@ -99,7 +99,14 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
|
|
|
99
99
|
* @type {Language}
|
|
100
100
|
* @memberof FieldComponent
|
|
101
101
|
*/
|
|
102
|
-
language: import("
|
|
102
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
103
|
+
/**
|
|
104
|
+
* Show reserved content below form field
|
|
105
|
+
* @property showBottomContent
|
|
106
|
+
* @type {boolean}
|
|
107
|
+
* @memberof FieldComponent
|
|
108
|
+
*/
|
|
109
|
+
showBottomContent: boolean;
|
|
103
110
|
protected readonly translationContext = "FIELD.";
|
|
104
111
|
/**
|
|
105
112
|
* @ignore
|
|
@@ -127,5 +134,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
|
|
|
127
134
|
registerOnTouched(fn: any): void;
|
|
128
135
|
setDisabledState(isDisabled: boolean): void;
|
|
129
136
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
|
|
130
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, false, never>;
|
|
137
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; }, {}, never, never, false, never>;
|
|
131
138
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
6
5
|
class: string;
|
|
@@ -51,7 +50,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
|
|
|
51
50
|
* @type {Language}
|
|
52
51
|
* @memberof FileUploadComponent
|
|
53
52
|
*/
|
|
54
|
-
language: Language;
|
|
53
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
55
54
|
/**
|
|
56
55
|
* Color of the file upload.
|
|
57
56
|
* Defaults to Test Gorilla primary color.
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { IRoute, MenuItem } from './navbar.model';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class NavbarComponent {
|
|
6
5
|
/**
|
|
@@ -38,7 +37,7 @@ export declare class NavbarComponent {
|
|
|
38
37
|
* @type {Language}
|
|
39
38
|
* @memberof NavbarComponent
|
|
40
39
|
*/
|
|
41
|
-
language: Language;
|
|
40
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
42
41
|
/**
|
|
43
42
|
* @ignore
|
|
44
43
|
*/
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class PageHeaderComponent {
|
|
6
5
|
protected readonly isMobile$: Observable<boolean>;
|
|
@@ -16,7 +15,7 @@ export declare class PageHeaderComponent {
|
|
|
16
15
|
* @type {Language}
|
|
17
16
|
* @memberof PageHeaderComponent
|
|
18
17
|
*/
|
|
19
|
-
|
|
18
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
20
19
|
/**
|
|
21
20
|
* Back button tooltip for mobile variation
|
|
22
21
|
* @property tooltip
|
|
@@ -28,7 +27,6 @@ export declare class PageHeaderComponent {
|
|
|
28
27
|
* @memberof PageHeaderComponent
|
|
29
28
|
*/
|
|
30
29
|
back: EventEmitter<void>;
|
|
31
|
-
protected lang: Language;
|
|
32
30
|
constructor(isMobile$: Observable<boolean>);
|
|
33
31
|
protected onBack(): void;
|
|
34
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
|
|
@@ -2,7 +2,6 @@ import { DestroyRef, OnInit, ViewContainerRef } from '@angular/core';
|
|
|
2
2
|
import { SideSheetService } from './side-sheet.service';
|
|
3
3
|
import { SideSheetConfig, SideSheetPosition } from './side-sheet.model';
|
|
4
4
|
import { MatDrawer } from '@angular/material/sidenav';
|
|
5
|
-
import { Language } from '../../utils/localization/language.service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class SideSheetComponent implements OnInit {
|
|
8
7
|
private sideSheetService;
|
|
@@ -20,10 +19,9 @@ export declare class SideSheetComponent implements OnInit {
|
|
|
20
19
|
* @type {Language}
|
|
21
20
|
* @memberof SideSheetComponent
|
|
22
21
|
*/
|
|
23
|
-
|
|
22
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
24
23
|
drawer: MatDrawer;
|
|
25
24
|
container: ViewContainerRef;
|
|
26
|
-
protected lang: Language;
|
|
27
25
|
protected title: string;
|
|
28
26
|
protected showBackButton: boolean;
|
|
29
27
|
protected showTitleTooltip: boolean;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { SliderValue } from './slider.model';
|
|
3
|
-
import { Language } from '../../utils/localization/language.service';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class SliderComponent {
|
|
6
5
|
/**
|
|
@@ -72,7 +71,7 @@ export declare class SliderComponent {
|
|
|
72
71
|
* @property language
|
|
73
72
|
* @type {Language}
|
|
74
73
|
*/
|
|
75
|
-
language: Language;
|
|
74
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
76
75
|
sliderValueChange: EventEmitter<SliderValue>;
|
|
77
76
|
private value;
|
|
78
77
|
protected translationContext: string;
|
|
@@ -2,7 +2,6 @@ import { OnInit } from '@angular/core';
|
|
|
2
2
|
import { MatSnackBarRef } from '@angular/material/snack-bar';
|
|
3
3
|
import { IconName } from '../../components/icon/icon.model';
|
|
4
4
|
import { SnackbarType } from '../../components/snackbar/snackbar.model';
|
|
5
|
-
import { Language } from '../../utils/localization/language.service';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class SnackbarComponent implements OnInit {
|
|
8
7
|
private data;
|
|
@@ -44,7 +43,7 @@ export declare class SnackbarComponent implements OnInit {
|
|
|
44
43
|
* @type {string}
|
|
45
44
|
* @memberof SnackbarComponent
|
|
46
45
|
*/
|
|
47
|
-
language: Language;
|
|
46
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
48
47
|
iconName: IconName;
|
|
49
48
|
showSnackbar: boolean;
|
|
50
49
|
milisenconds: number;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { Step } from './stepper.model';
|
|
3
3
|
import { Observable } from 'rxjs';
|
|
4
|
-
import { Language } from '../../utils/localization/language.service';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export declare class StepperComponent {
|
|
7
6
|
protected readonly isMobile$: Observable<boolean>;
|
|
@@ -32,7 +31,7 @@ export declare class StepperComponent {
|
|
|
32
31
|
* @type {Language}
|
|
33
32
|
* @memberof StepperComponent
|
|
34
33
|
*/
|
|
35
|
-
language: Language;
|
|
34
|
+
language: import("@testgorilla/tgo-ui").Language;
|
|
36
35
|
selectionChange: EventEmitter<{
|
|
37
36
|
selectedIndex: number;
|
|
38
37
|
previousIndex: number;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ColumnEllipse, TableConfig, TableConfigWithPagination, TableData } from './table.model';
|
|
1
|
+
import { EventEmitter, OnChanges } from '@angular/core';
|
|
2
|
+
import { ColumnEllipse, Sort, TableConfig, TableConfigWithPagination, TableData } from './table.model';
|
|
3
3
|
import { PageEvent } from '@angular/material/paginator';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TableComponent {
|
|
5
|
+
export declare class TableComponent implements OnChanges {
|
|
6
6
|
/**
|
|
7
7
|
* Table configuration
|
|
8
8
|
*
|
|
@@ -16,7 +16,7 @@ export declare class TableComponent {
|
|
|
16
16
|
* @type {TableData}
|
|
17
17
|
* @memberof TableComponent
|
|
18
18
|
*/
|
|
19
|
-
data: TableData;
|
|
19
|
+
set data(tableData: TableData);
|
|
20
20
|
/**
|
|
21
21
|
* Input property indicating whether the table is in a loading state.
|
|
22
22
|
*
|
|
@@ -26,6 +26,9 @@ export declare class TableComponent {
|
|
|
26
26
|
*/
|
|
27
27
|
loading: boolean;
|
|
28
28
|
paginatorChange: EventEmitter<PageEvent>;
|
|
29
|
+
sortChange: EventEmitter<Sort>;
|
|
30
|
+
protected tableData: TableData;
|
|
31
|
+
protected sourceData: TableData;
|
|
29
32
|
protected columnsTooltipState: ColumnEllipse[];
|
|
30
33
|
protected tableConfig: TableConfigWithPagination;
|
|
31
34
|
protected displayedColumns: string[];
|
|
@@ -34,9 +37,11 @@ export declare class TableComponent {
|
|
|
34
37
|
'border-radius': string;
|
|
35
38
|
height: string;
|
|
36
39
|
};
|
|
40
|
+
ngOnChanges(): void;
|
|
37
41
|
private defaultPaginationConfig;
|
|
38
42
|
protected onPaginatorChange(event: PageEvent): void;
|
|
39
43
|
protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
|
|
44
|
+
protected onSortChange(sortState: Sort): void;
|
|
40
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, never, false, never>;
|
|
42
47
|
}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./table.component";
|
|
3
|
-
import * as i2 from "
|
|
4
|
-
import * as i3 from "@angular/
|
|
5
|
-
import * as i4 from "@angular/material/
|
|
6
|
-
import * as i5 from "
|
|
7
|
-
import * as i6 from "../
|
|
8
|
-
import * as i7 from "../
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/material/table";
|
|
5
|
+
import * as i4 from "@angular/material/tooltip";
|
|
6
|
+
import * as i5 from "../skeleton/skeleton.component";
|
|
7
|
+
import * as i6 from "../paginator/paginator.component.module";
|
|
8
|
+
import * as i7 from "../button/button.component.module";
|
|
9
|
+
import * as i8 from "@angular/material/sort";
|
|
10
|
+
import * as i9 from "../icon/icon.component.module";
|
|
11
|
+
import * as i10 from "../../directives/ellipse-text.directive";
|
|
9
12
|
export declare class TableComponentModule {
|
|
10
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatTooltipModule, typeof i5.SkeletonComponent, typeof i6.PaginatorComponentModule, typeof i7.ButtonComponentModule, typeof i8.MatSortModule, typeof i9.IconComponentModule, typeof i10.EllipseTextDirective], [typeof i1.TableComponent]>;
|
|
12
15
|
static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
|
|
13
16
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
1
2
|
export interface TableConfig {
|
|
2
3
|
columns: TableColumn[];
|
|
3
4
|
pagination?: Pagination;
|
|
@@ -5,6 +6,7 @@ export interface TableConfig {
|
|
|
5
6
|
width?: number;
|
|
6
7
|
stickyFirstColumn?: boolean;
|
|
7
8
|
stickyLastColumn?: boolean;
|
|
9
|
+
sort?: Sort;
|
|
8
10
|
}
|
|
9
11
|
export interface TableConfigWithPagination extends TableConfig {
|
|
10
12
|
pagination: Pagination;
|
|
@@ -17,6 +19,9 @@ export interface TableColumn {
|
|
|
17
19
|
allowMultiline?: boolean;
|
|
18
20
|
bold?: boolean;
|
|
19
21
|
showTooltip?: boolean;
|
|
22
|
+
allowSort?: boolean;
|
|
23
|
+
headerCellTemplate?: TemplateRef<any>;
|
|
24
|
+
rowCellTemplate?: TemplateRef<any>;
|
|
20
25
|
}
|
|
21
26
|
export interface Pagination {
|
|
22
27
|
itemsPerPageOptions: number[];
|
|
@@ -29,3 +34,8 @@ export interface ColumnEllipse {
|
|
|
29
34
|
index: number;
|
|
30
35
|
showTooltip: boolean;
|
|
31
36
|
}
|
|
37
|
+
export interface Sort {
|
|
38
|
+
active: string;
|
|
39
|
+
direction: SortDirection;
|
|
40
|
+
}
|
|
41
|
+
export type SortDirection = 'asc' | 'desc' | '';
|
|
@@ -19,6 +19,29 @@ export declare class ToggleComponent implements ControlValueAccessor {
|
|
|
19
19
|
* @memberof ToggleComponent
|
|
20
20
|
*/
|
|
21
21
|
disabled: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Toggle label
|
|
24
|
+
*
|
|
25
|
+
* @type {string}
|
|
26
|
+
* @default ''
|
|
27
|
+
* @memberof ToggleComponent
|
|
28
|
+
*/
|
|
29
|
+
label: string;
|
|
30
|
+
/**
|
|
31
|
+
* Message
|
|
32
|
+
*
|
|
33
|
+
* @type {string}
|
|
34
|
+
* @default ''
|
|
35
|
+
* @memberof ToggleComponent
|
|
36
|
+
*/
|
|
37
|
+
message: string;
|
|
38
|
+
/**
|
|
39
|
+
* Max width of the toggle container
|
|
40
|
+
*
|
|
41
|
+
* @type {number}
|
|
42
|
+
* @memberof ToggleComponent
|
|
43
|
+
*/
|
|
44
|
+
maxWidth: number | undefined;
|
|
22
45
|
/**
|
|
23
46
|
* The `toggle` event is triggered when the state of the toggle switch changes. It returns the new state.
|
|
24
47
|
*
|
|
@@ -26,13 +49,15 @@ export declare class ToggleComponent implements ControlValueAccessor {
|
|
|
26
49
|
* @memberof ToggleComponent
|
|
27
50
|
*/
|
|
28
51
|
toggle: EventEmitter<boolean>;
|
|
52
|
+
protected showLabelTooltip: boolean;
|
|
29
53
|
onToggle(): void;
|
|
30
54
|
writeValue(state: boolean): void;
|
|
31
55
|
registerOnChange(fn: RegisterFn): void;
|
|
32
56
|
registerOnTouched(fn: RegisterFn): void;
|
|
33
57
|
setDisabledState(isDisabled: boolean): void;
|
|
58
|
+
changeTextState(state: boolean): void;
|
|
34
59
|
private onChange;
|
|
35
60
|
private onTouched;
|
|
36
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
|
|
62
|
+
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; }; }, { "toggle": "toggle"; }, never, never, false, never>;
|
|
38
63
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./toggle.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/material/tooltip";
|
|
5
|
+
import * as i4 from "../../directives/ellipse-text.directive";
|
|
4
6
|
export declare class ToggleComponentModule {
|
|
5
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponentModule, never>;
|
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule], never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.EllipseTextDirective], never>;
|
|
7
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<ToggleComponentModule>;
|
|
8
10
|
}
|
|
@@ -12,5 +12,5 @@ export declare class EllipseTextDirective implements OnInit {
|
|
|
12
12
|
constructor(el: ElementRef);
|
|
13
13
|
ngOnInit(): void;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never,
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, true, never>;
|
|
16
16
|
}
|