@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.
Files changed (55) hide show
  1. package/components/autocomplete/autocomplete.component.d.ts +1 -2
  2. package/components/autocomplete/autocomplete.model.d.ts +1 -1
  3. package/components/confirm-dialog/confirm-dialog.component.d.ts +1 -1
  4. package/components/confirm-dialog/confirm-dialog.model.d.ts +1 -1
  5. package/components/datepicker/datepicker.component.d.ts +17 -5
  6. package/components/dialog/dialog.component.d.ts +1 -2
  7. package/components/dropdown/dropdown.component.d.ts +1 -3
  8. package/components/empty-state/empty-state.component.d.ts +1 -2
  9. package/components/field/field.component.d.ts +9 -2
  10. package/components/file-upload/file-upload.component.d.ts +1 -2
  11. package/components/navbar/navbar.component.d.ts +1 -2
  12. package/components/page-header/page-header.component.d.ts +1 -3
  13. package/components/side-sheet/side-sheet.component.d.ts +1 -3
  14. package/components/slider/slider.component.d.ts +1 -2
  15. package/components/snackbar/snackbar.component.d.ts +1 -2
  16. package/components/stepper/stepper.component.d.ts +1 -2
  17. package/components/table/table.component.d.ts +10 -5
  18. package/components/table/table.component.module.d.ts +10 -7
  19. package/components/table/table.model.d.ts +10 -0
  20. package/components/toggle/toggle.component.d.ts +26 -1
  21. package/components/toggle/toggle.component.module.d.ts +3 -1
  22. package/{components/table → directives}/ellipse-text.directive.d.ts +1 -1
  23. package/esm2022/components/autocomplete/autocomplete.component.mjs +8 -1
  24. package/esm2022/components/autocomplete/autocomplete.model.mjs +2 -2
  25. package/esm2022/components/checkbox/checkbox.component.mjs +2 -2
  26. package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +1 -1
  27. package/esm2022/components/datepicker/datepicker.component.mjs +29 -14
  28. package/esm2022/components/dialog/dialog.component.mjs +1 -1
  29. package/esm2022/components/dropdown/dropdown.component.mjs +10 -13
  30. package/esm2022/components/empty-state/empty-state.component.mjs +1 -1
  31. package/esm2022/components/field/field.component.mjs +13 -4
  32. package/esm2022/components/file-upload/file-upload.component.mjs +1 -1
  33. package/esm2022/components/navbar/navbar.component.mjs +1 -1
  34. package/esm2022/components/page-header/page-header.component.mjs +10 -13
  35. package/esm2022/components/side-sheet/side-sheet.component.mjs +10 -13
  36. package/esm2022/components/slider/slider.component.mjs +1 -1
  37. package/esm2022/components/snackbar/snackbar.component.mjs +1 -1
  38. package/esm2022/components/stepper/stepper.component.mjs +1 -1
  39. package/esm2022/components/table/table.component.mjs +26 -4
  40. package/esm2022/components/table/table.component.module.mjs +34 -6
  41. package/esm2022/components/table/table.model.mjs +1 -1
  42. package/esm2022/components/toggle/toggle.component.mjs +36 -5
  43. package/esm2022/components/toggle/toggle.component.module.mjs +6 -4
  44. package/esm2022/directives/ellipse-text.directive.mjs +37 -0
  45. package/esm2022/public-api.mjs +3 -1
  46. package/esm2022/utils/localization/language.model.mjs +16 -0
  47. package/esm2022/utils/localization/language.service.mjs +2 -17
  48. package/fesm2022/testgorilla-tgo-ui.mjs +201 -103
  49. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  50. package/package.json +1 -1
  51. package/public-api.d.ts +1 -0
  52. package/src/theme/_tooltip.scss +1 -1
  53. package/utils/localization/language.model.d.ts +14 -0
  54. package/utils/localization/language.service.d.ts +1 -14
  55. 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>;
@@ -5,7 +5,7 @@ export declare enum Autocomplete {
5
5
  LARGE = "large"
6
6
  }
7
7
  export declare enum Padding {
8
- AUTOCOMPLETE_CONTAINER = 30,
8
+ AUTOCOMPLETE_CONTAINER = 40,
9
9
  DROPDOWN_CONTAINER = 60
10
10
  }
11
11
  export declare enum Timeout {
@@ -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("../../utils/localization/language.service").Language;
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,4 +1,4 @@
1
- import { Language } from '../../utils/localization/language.service';
1
+ import { Language } from '../../utils/localization/language.model';
2
2
  export interface ConfirmDialogData {
3
3
  message: string;
4
4
  confirmButtonText?: string;
@@ -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 SnackbarComponent
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
- set language(value: Language);
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
- set language(value: Language);
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("../../utils/localization/language.service").Language;
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
- set language(value: Language);
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
- set language(value: Language);
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 "./ellipse-text.directive";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@angular/material/table";
6
- import * as i5 from "@angular/material/tooltip";
7
- import * as i6 from "../skeleton/skeleton.component";
8
- import * as i7 from "../paginator/paginator.component.module";
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.EllipseTextDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule], [typeof i1.TableComponent]>;
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, false, never>;
15
+ static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, true, never>;
16
16
  }