@testgorilla/tgo-ui 1.5.0 → 1.7.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.
Files changed (81) hide show
  1. package/components/badge/badge.component.d.ts +1 -1
  2. package/components/button/button.component.d.ts +20 -3
  3. package/components/button/button.model.d.ts +1 -0
  4. package/components/deprecated-paginator/deprecated-paginator.component.d.ts +38 -0
  5. package/components/deprecated-paginator/deprecated-paginator.component.module.d.ts +9 -0
  6. package/components/deprecated-table/deprecated-table.component.d.ts +91 -0
  7. package/components/deprecated-table/deprecated-table.component.module.d.ts +14 -0
  8. package/components/deprecated-table/deprecated-table.model.d.ts +45 -0
  9. package/components/{table → deprecated-table}/directives/dynamic-component.directive.d.ts +1 -1
  10. package/components/paginator/paginator.component.d.ts +13 -14
  11. package/components/rating/half-star.pipe.d.ts +14 -0
  12. package/components/rating/rating.component.d.ts +26 -5
  13. package/components/rating/rating.component.module.d.ts +3 -2
  14. package/components/segmented-bar/segmented-bar.component.d.ts +29 -0
  15. package/components/segmented-bar/segmented-bar.component.module.d.ts +9 -0
  16. package/components/segmented-bar/segmented-bar.model.d.ts +7 -0
  17. package/components/side-sheet/side-sheet.component.d.ts +29 -0
  18. package/components/side-sheet/side-sheet.component.module.d.ts +13 -0
  19. package/components/side-sheet/side-sheet.model.d.ts +7 -0
  20. package/components/side-sheet/side-sheet.service.d.ts +14 -0
  21. package/components/skeleton/skeleton.component.d.ts +9 -0
  22. package/components/snackbar/snackbar.component.d.ts +1 -2
  23. package/components/table/ellipse-text.directive.d.ts +16 -0
  24. package/components/table/table.component.d.ts +29 -78
  25. package/components/table/table.component.module.d.ts +7 -8
  26. package/components/table/table.model.d.ts +26 -40
  27. package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
  28. package/esm2022/components/avatar/avatar.component.mjs +3 -3
  29. package/esm2022/components/badge/badge.component.mjs +3 -3
  30. package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
  31. package/esm2022/components/button/button.component.mjs +35 -12
  32. package/esm2022/components/button/button.model.mjs +1 -1
  33. package/esm2022/components/create-account/create-account.component.mjs +1 -1
  34. package/esm2022/components/create-password/create-password.component.mjs +1 -1
  35. package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +55 -0
  36. package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +20 -0
  37. package/esm2022/components/deprecated-table/deprecated-table.component.mjs +158 -0
  38. package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +25 -0
  39. package/esm2022/components/deprecated-table/deprecated-table.model.mjs +13 -0
  40. package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +39 -0
  41. package/esm2022/components/deprecated-table/pipes/data-property-getter.mjs +32 -0
  42. package/esm2022/components/dialog/dialog.component.mjs +3 -3
  43. package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
  44. package/esm2022/components/empty-state/empty-state.component.mjs +3 -3
  45. package/esm2022/components/field/field.component.mjs +3 -3
  46. package/esm2022/components/file-upload/file-upload.component.mjs +3 -3
  47. package/esm2022/components/forgot-password/forgot-password.component.mjs +1 -1
  48. package/esm2022/components/login/login.component.mjs +1 -1
  49. package/esm2022/components/paginator/paginator.component.mjs +21 -20
  50. package/esm2022/components/paginator/paginator.component.module.mjs +3 -4
  51. package/esm2022/components/rating/half-star.pipe.mjs +23 -0
  52. package/esm2022/components/rating/rating.component.mjs +22 -4
  53. package/esm2022/components/rating/rating.component.module.mjs +4 -3
  54. package/esm2022/components/segmented-bar/segmented-bar.component.mjs +45 -0
  55. package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +18 -0
  56. package/esm2022/components/segmented-bar/segmented-bar.model.mjs +2 -0
  57. package/esm2022/components/side-sheet/side-sheet.component.mjs +66 -0
  58. package/esm2022/components/side-sheet/side-sheet.component.module.mjs +60 -0
  59. package/esm2022/components/side-sheet/side-sheet.model.mjs +2 -0
  60. package/esm2022/components/side-sheet/side-sheet.service.mjs +30 -0
  61. package/esm2022/components/skeleton/skeleton.component.mjs +25 -0
  62. package/esm2022/components/snackbar/snackbar.component.mjs +5 -5
  63. package/esm2022/components/table/ellipse-text.directive.mjs +36 -0
  64. package/esm2022/components/table/table.component.mjs +58 -140
  65. package/esm2022/components/table/table.component.module.mjs +10 -12
  66. package/esm2022/components/table/table.model.mjs +2 -13
  67. package/esm2022/public-api.mjs +27 -9
  68. package/fesm2022/testgorilla-tgo-ui.mjs +546 -90
  69. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  70. package/package.json +3 -2
  71. package/public-api.d.ts +19 -6
  72. package/src/assets/icons/rating-icons/Star-filled-disabled.svg +3 -0
  73. package/src/assets/icons/rating-icons/Star-filled.svg +3 -0
  74. package/src/assets/icons/rating-icons/Star-half.svg +3 -0
  75. package/src/assets/icons/rating-icons/Star-outline.svg +3 -0
  76. package/src/assets/images/premium.svg +4 -0
  77. package/src/theme/_mat-paginator.scss +59 -0
  78. package/src/theme/theme.scss +2 -0
  79. package/esm2022/components/table/directives/dynamic-component.directive.mjs +0 -39
  80. package/esm2022/components/table/pipes/data-property-getter.mjs +0 -32
  81. /package/components/{table → deprecated-table}/pipes/data-property-getter.d.ts +0 -0
@@ -21,7 +21,7 @@ export declare class BadgeComponent {
21
21
  */
22
22
  color: BadgeColor;
23
23
  /**
24
- * The variant of the badge. Defaults to 'notification'.
24
+ * The variant of the badge. Defaults to 'primary'.
25
25
  * @type {BadgeVariant}
26
26
  * @memberof BadgeComponent
27
27
  */
@@ -1,6 +1,6 @@
1
1
  import { AfterViewInit, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
2
2
  import { IconName } from '../../components/icon/icon.model';
3
- import { ButtonColor, ButtonIconPosition, ButtonSize, IconButtonSize, LinkUrlTarget } from './button.model';
3
+ import { ButtonColor, ButtonIconPosition, ButtonSize, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class ButtonComponent implements OnInit, AfterViewInit {
6
6
  /**
@@ -16,7 +16,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
16
16
  * @type {ButtonColor}
17
17
  * @memberof ButtonComponent
18
18
  */
19
- type: ButtonColor;
19
+ variant: ButtonColor;
20
20
  /**
21
21
  * Text content to appear on the button
22
22
  *
@@ -87,6 +87,21 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
87
87
  * @memberof ButtonComponent
88
88
  */
89
89
  tooltip: string;
90
+ /**
91
+ * @property isPremium
92
+ * @description The icon that is displayed for Premium button
93
+ * @type {boolean}
94
+ * @memberof ButtonComponent
95
+ */
96
+ isPremium: boolean;
97
+ /**
98
+ * The type of the button.
99
+ *
100
+ * @type {ButtonType}
101
+ * @memberof ButtonComponent
102
+ * @default 'button'
103
+ */
104
+ type: ButtonType;
90
105
  buttonClickEvent: EventEmitter<Event>;
91
106
  buttonHoverEvent: EventEmitter<Event>;
92
107
  constructor();
@@ -94,6 +109,8 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
94
109
  isButtonLink: boolean;
95
110
  isLabel: boolean;
96
111
  iconButtonSize: IconButtonSize;
112
+ allowButtonTypeForPremium: ButtonColor[];
113
+ get typeIncluded(): boolean;
97
114
  ngOnInit(): void;
98
115
  ngOnChanges(changes: SimpleChanges): void;
99
116
  ngAfterViewInit(): void;
@@ -105,5 +122,5 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
105
122
  showButtonLink(): boolean;
106
123
  setIconButtonSize(): IconButtonSize;
107
124
  static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
108
- static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
125
+ static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
109
126
  }
@@ -3,3 +3,4 @@ export type ButtonColor = 'primary' | 'secondary' | 'outlined' | 'destructive' |
3
3
  export type ButtonSize = 'big' | 'small';
4
4
  export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
5
5
  export type IconButtonSize = '32' | '40';
6
+ export type ButtonType = 'button' | 'submit' | 'reset';
@@ -0,0 +1,38 @@
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import { PageEvent } from '@angular/material/paginator';
3
+ import * as i0 from "@angular/core";
4
+ export declare class DeprecatedPaginatorComponent implements OnInit {
5
+ /**
6
+ * Paginator size options
7
+ *
8
+ * @type {number[]}
9
+ * @memberof PaginatorComponent
10
+ */
11
+ readonly pageSizeOptions: number[];
12
+ /**
13
+ * Data length
14
+ *
15
+ * @type {number}
16
+ * @memberof PaginatorComponent
17
+ */
18
+ length: number;
19
+ /**
20
+ * Default page size
21
+ *
22
+ * @type {number}
23
+ * @memberof PaginatorComponent
24
+ */
25
+ defaultPageSize: number;
26
+ /**
27
+ * @ignore
28
+ */
29
+ paginatorChangedEvent: EventEmitter<PageEvent>;
30
+ /**
31
+ * @ignore
32
+ */
33
+ ngOnInit(): void;
34
+ constructor();
35
+ paginatorChanged(paginator: PageEvent): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponent, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<DeprecatedPaginatorComponent, "ui-paginator", never, { "length": { "alias": "length"; "required": false; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; }; }, { "paginatorChangedEvent": "paginatorChangedEvent"; }, never, never, false, never>;
38
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./deprecated-paginator.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/paginator";
5
+ export declare class DeprecatedPaginatorComponentModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponentModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DeprecatedPaginatorComponentModule, [typeof i1.DeprecatedPaginatorComponent], [typeof i2.CommonModule, typeof i3.MatPaginatorModule], [typeof i1.DeprecatedPaginatorComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<DeprecatedPaginatorComponentModule>;
9
+ }
@@ -0,0 +1,91 @@
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import { MatSort, Sort } from '@angular/material/sort';
3
+ import { MatTableDataSource } from '@angular/material/table';
4
+ import { DataPropertyGetterPipe } from './pipes/data-property-getter';
5
+ import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './deprecated-table.model';
6
+ import * as i0 from "@angular/core";
7
+ export declare class DeprecatedTableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {
8
+ private dataPropertyGetterPipe;
9
+ /**
10
+ * @ignore
11
+ */
12
+ set matSort(matSort: MatSort);
13
+ /**
14
+ * @ignore
15
+ */
16
+ tableDetails: boolean;
17
+ /**
18
+ * Data to be rendered
19
+ *
20
+ * @ignore
21
+ * @type {IDataSource}
22
+ * @memberof TableComponent
23
+ */
24
+ set tableData(data: T[] | null);
25
+ /**
26
+ * Data structure to select which columns should be rendered and their capabilities
27
+ *
28
+ * @type {ITableColumn}
29
+ * @memberof TableComponent
30
+ */
31
+ tableColumns: ITableColumn<T>[];
32
+ /**
33
+ * Data structure to select which columns should be rendered and their capabilities
34
+ *
35
+ * @type {ITableColumn}
36
+ * @memberof TableComponent
37
+ */
38
+ tableDetailColumns: ITableDetailColumn<T, TDetail>;
39
+ /**
40
+ * @ignore
41
+ */
42
+ onSortEvent: EventEmitter<Sort>;
43
+ /**
44
+ * @ignore
45
+ */
46
+ onRowClickEvent: EventEmitter<any>;
47
+ /**
48
+ * @ignore
49
+ */
50
+ onDetailRowClickEvent: EventEmitter<any>;
51
+ /**
52
+ * @ignore
53
+ */
54
+ dataSource: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
55
+ /**
56
+ * @ignore
57
+ */
58
+ dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
59
+ /**
60
+ * @ignore
61
+ */
62
+ elementDetail: any;
63
+ /**
64
+ * @ignore
65
+ */
66
+ columnsToDisplay: string[];
67
+ /**
68
+ * @ignore
69
+ */
70
+ columnsDetailToDisplay: string[];
71
+ /**
72
+ * @ignore
73
+ */
74
+ DataType: typeof ColumnTypeEnum;
75
+ ngOnInit(): void;
76
+ constructor(dataPropertyGetterPipe: DataPropertyGetterPipe);
77
+ onSort(sortParams: Sort): void;
78
+ onRowClick(rowParams: any): void;
79
+ onDetailRowClick(rowParams: any): void;
80
+ toggleRow(element: T): void;
81
+ /**
82
+ * @ignore
83
+ */
84
+ private setTableDataSource;
85
+ /**
86
+ * @ignore
87
+ */
88
+ private setTableDetailDataSource;
89
+ static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedTableComponent<any, any>, never>;
90
+ static ɵcmp: i0.ɵɵComponentDeclaration<DeprecatedTableComponent<any, any>, "ui-deprecated-table", never, { "tableDetails": { "alias": "tableDetails"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never, false, never>;
91
+ }
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./deprecated-table.component";
3
+ import * as i2 from "./pipes/data-property-getter";
4
+ import * as i3 from "./directives/dynamic-component.directive";
5
+ import * as i4 from "@angular/common";
6
+ import * as i5 from "@angular/material/table";
7
+ import * as i6 from "@angular/material/sort";
8
+ import * as i7 from "@angular/material/icon";
9
+ import * as i8 from "@angular/material/tooltip";
10
+ export declare class DeprecatedTableComponentModule {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedTableComponentModule, never>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DeprecatedTableComponentModule, [typeof i1.DeprecatedTableComponent, typeof i2.DataPropertyGetterPipe, typeof i3.DynamicComponentDirective], [typeof i4.CommonModule, typeof i5.MatTableModule, typeof i6.MatSortModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule], [typeof i1.DeprecatedTableComponent]>;
13
+ static ɵinj: i0.ɵɵInjectorDeclaration<DeprecatedTableComponentModule>;
14
+ }
@@ -0,0 +1,45 @@
1
+ import { Type } from '@angular/core';
2
+ export type IDataSource = {
3
+ [key: string]: any;
4
+ };
5
+ export interface ITableColumn<T> {
6
+ headerName: string;
7
+ headerTooltip?: string;
8
+ field?: string;
9
+ type?: ColumnTypeEnum;
10
+ function?: (v: T) => string;
11
+ renderer?: (v: T) => IComponentRenderer | string;
12
+ sortable?: boolean;
13
+ styles?: IColumnStyles;
14
+ }
15
+ export interface IComponentRenderer {
16
+ component: Type<any>;
17
+ inputs?: any;
18
+ outputs?: {
19
+ [key: string]: any;
20
+ };
21
+ }
22
+ export interface IDetailRowDataParams<T, TDetail> {
23
+ data: T;
24
+ setDetailDataSource(rowData: TDetail[]): void;
25
+ }
26
+ export interface ITableDetailColumn<T, TDetail> {
27
+ columnDefs: ITableColumn<TDetail>[];
28
+ setDetailRowData: (params: IDetailRowDataParams<T, TDetail>) => void;
29
+ }
30
+ export interface IColumnStyles {
31
+ alignment?: ColumnAlignmentEnum;
32
+ width?: string;
33
+ 'min-width'?: string;
34
+ padding?: string;
35
+ }
36
+ export declare enum ColumnTypeEnum {
37
+ FIELD = "field",
38
+ FUNCTION = "function",
39
+ RENDERER = "renderer"
40
+ }
41
+ export declare enum ColumnAlignmentEnum {
42
+ LEFT = "left",
43
+ RIGHT = "right",
44
+ CENTER = "center"
45
+ }
@@ -1,5 +1,5 @@
1
1
  import { OnDestroy, ViewContainerRef } from '@angular/core';
2
- import { IComponentRenderer } from '../table.model';
2
+ import { IComponentRenderer } from '../deprecated-table.model';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class DynamicComponentDirective implements OnDestroy {
5
5
  private vcr;
@@ -1,14 +1,14 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
1
+ import { EventEmitter } from '@angular/core';
2
2
  import { PageEvent } from '@angular/material/paginator';
3
3
  import * as i0 from "@angular/core";
4
- export declare class PaginatorComponent implements OnInit {
4
+ export declare class PaginatorComponent {
5
5
  /**
6
6
  * Paginator size options
7
7
  *
8
8
  * @type {number[]}
9
9
  * @memberof PaginatorComponent
10
10
  */
11
- readonly pageSizeOptions: number[];
11
+ pageSizeOptions: number[];
12
12
  /**
13
13
  * Data length
14
14
  *
@@ -17,22 +17,21 @@ export declare class PaginatorComponent implements OnInit {
17
17
  */
18
18
  length: number;
19
19
  /**
20
- * Default page size
20
+ * Page size
21
21
  *
22
22
  * @type {number}
23
23
  * @memberof PaginatorComponent
24
24
  */
25
- defaultPageSize: number;
25
+ pageSize: number;
26
26
  /**
27
- * @ignore
28
- */
29
- paginatorChangedEvent: EventEmitter<PageEvent>;
30
- /**
31
- * @ignore
27
+ * Disabled
28
+ *
29
+ * @type {boolean}
30
+ * @memberOf PaginatorComponent
32
31
  */
33
- ngOnInit(): void;
34
- constructor();
35
- paginatorChanged(paginator: PageEvent): void;
32
+ disabled: boolean;
33
+ paginatorChange: EventEmitter<PageEvent>;
34
+ onPaginatorChange(paginator: PageEvent): void;
36
35
  static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, never>;
37
- static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "length": { "alias": "length"; "required": false; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; }; }, { "paginatorChangedEvent": "paginatorChangedEvent"; }, never, never, false, never>;
36
+ 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; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
38
37
  }
@@ -0,0 +1,14 @@
1
+ import { PipeTransform } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class HalfStarPipe implements PipeTransform {
4
+ /**
5
+ * @description Used to indicate whether display half-star icon.
6
+ * Returns true if the rounded value of the current element
7
+ * is equal to it's index, and value is not integer (e.g. index = 4, value = 3.5),
8
+ * @param index the index of the current element
9
+ * @param value the value of the current element
10
+ */
11
+ transform(index: number, value: number): boolean;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<HalfStarPipe, never>;
13
+ static ɵpipe: i0.ɵɵPipeDeclaration<HalfStarPipe, "halfStar", false>;
14
+ }
@@ -4,16 +4,37 @@ export type RatingComponentTheme = 'stars' | 'block';
4
4
  export declare class RatingComponent {
5
5
  private readonly MIN_LENGTH;
6
6
  private readonly DEFAULT_LENGTH;
7
- items: number[];
8
- hoverIndex: number;
7
+ protected items: number[];
8
+ protected hoverIndex: number;
9
+ /**
10
+ * The value representing the rating.
11
+ * @type {number}
12
+ * @memberof RatingComponent
13
+ */
9
14
  value: number;
15
+ /**
16
+ * The theme of the rating component. Defaults "block".
17
+ * @type {RatingComponentTheme}
18
+ * @memberof RatingComponent
19
+ */
10
20
  theme: RatingComponentTheme;
21
+ /**
22
+ * A flag indicating whether the rating component is disabled.
23
+ * @type {boolean}
24
+ * @memberof RatingComponent
25
+ */
26
+ disabled: boolean;
27
+ /**
28
+ * The width of the rating bar.
29
+ * @type {number}
30
+ * @memberof RatingComponent
31
+ */
11
32
  barWidth: number;
12
33
  set length(length: number);
13
34
  valueChange: EventEmitter<number>;
14
35
  constructor();
15
- select(index: number): void;
16
- onHover(index: number): void;
36
+ protected select(index: number): void;
37
+ protected onHover(index: number): void;
17
38
  static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
39
+ static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
19
40
  }
@@ -1,8 +1,9 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./rating.component";
3
- import * as i2 from "@angular/common";
3
+ import * as i2 from "./half-star.pipe";
4
+ import * as i3 from "@angular/common";
4
5
  export declare class RatingComponentModule {
5
6
  static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponentModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent], [typeof i2.CommonModule], [typeof i1.RatingComponent]>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent, typeof i2.HalfStarPipe], [typeof i3.CommonModule], [typeof i1.RatingComponent]>;
7
8
  static ɵinj: i0.ɵɵInjectorDeclaration<RatingComponentModule>;
8
9
  }
@@ -0,0 +1,29 @@
1
+ import { SegmentedBar, SegmentedBarVariant } from './segmented-bar.model';
2
+ import * as i0 from "@angular/core";
3
+ export declare class SegmentedBarComponent {
4
+ /**
5
+ * The width of the segmented bar. Defaults to '100%'.
6
+ * You can use '100%' or '100px' for this field. 100 is just an example
7
+ * @default '100%'
8
+ * @type {string}
9
+ * @memberof SegmentedBarComponent
10
+ */
11
+ width: string;
12
+ /**
13
+ * The size variant of the segmented bar. Can be 'small' or 'large'.
14
+ * Defaults to 'large'.
15
+ * @default 'large'
16
+ * @type {SegmentedBarVariant}
17
+ * @memberof SegmentedBarComponent
18
+ */
19
+ size: SegmentedBarVariant;
20
+ /**
21
+ * The segments to be displayed in the segmented bar.
22
+ * @required true
23
+ * @type {SegmentedBar}
24
+ * @memberof SegmentedBarComponent
25
+ */
26
+ segments: SegmentedBar[];
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; }, {}, never, never, false, never>;
29
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./segmented-bar.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/material/tooltip";
5
+ export declare class SegmentedBarComponentModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule], never>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
9
+ }
@@ -0,0 +1,7 @@
1
+ export type SegmentedBarVariant = 'large' | 'small';
2
+ export type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
3
+ export interface SegmentedBar {
4
+ value: number;
5
+ color: SegmentedBarColor;
6
+ tooltip?: string;
7
+ }
@@ -0,0 +1,29 @@
1
+ import { DestroyRef, OnInit, ViewContainerRef } from '@angular/core';
2
+ import { SideSheetService } from './side-sheet.service';
3
+ import { SideSheetConfig, SideSheetPosition } from './side-sheet.model';
4
+ import { MatDrawer } from '@angular/material/sidenav';
5
+ import * as i0 from "@angular/core";
6
+ export declare class SideSheetComponent implements OnInit {
7
+ private sideSheetService;
8
+ private destroyRef;
9
+ /**
10
+ * Set position. Defaults "end"
11
+ *
12
+ * @type {SideSheetPosition}
13
+ * @memberof SideSheetComponent
14
+ */
15
+ position: SideSheetPosition;
16
+ drawer: MatDrawer;
17
+ container: ViewContainerRef;
18
+ protected title: string;
19
+ protected showBackButton: boolean;
20
+ protected showTitleTooltip: boolean;
21
+ protected componentRef$: import("rxjs").Observable<SideSheetConfig | null>;
22
+ constructor(sideSheetService: SideSheetService, destroyRef: DestroyRef);
23
+ ngOnInit(): void;
24
+ private setComponentRef;
25
+ private setConfig;
26
+ protected onClose(): void;
27
+ static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
29
+ }
@@ -0,0 +1,13 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./side-sheet.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../icon/icon.component.module";
5
+ import * as i4 from "../button/button.component.module";
6
+ import * as i5 from "@angular/material/tooltip";
7
+ import * as i6 from "@angular/material/sidenav";
8
+ import * as i7 from "@ngneat/transloco";
9
+ export declare class SideSheetComponentModule {
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponentModule, never>;
11
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SideSheetComponentModule, [typeof i1.SideSheetComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ButtonComponentModule, typeof i5.MatTooltipModule, typeof i6.MatSidenavModule, typeof i7.TranslocoModule], [typeof i1.SideSheetComponent]>;
12
+ static ɵinj: i0.ɵɵInjectorDeclaration<SideSheetComponentModule>;
13
+ }
@@ -0,0 +1,7 @@
1
+ export interface SideSheetConfig {
2
+ componentRef: any;
3
+ title: string;
4
+ showBackButton?: boolean;
5
+ showTitleTooltip?: boolean;
6
+ }
7
+ export type SideSheetPosition = 'start' | 'end';
@@ -0,0 +1,14 @@
1
+ import { ApplicationRef } from '@angular/core';
2
+ import { SideSheetConfig } from './side-sheet.model';
3
+ import { Observable } from 'rxjs';
4
+ import * as i0 from "@angular/core";
5
+ export declare class SideSheetService {
6
+ private applicationRef;
7
+ private componentRef$;
8
+ constructor(applicationRef: ApplicationRef);
9
+ open(config: SideSheetConfig): void;
10
+ close(): void;
11
+ getComponentRef(): Observable<SideSheetConfig | null>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetService, never>;
13
+ static ɵprov: i0.ɵɵInjectableDeclaration<SideSheetService>;
14
+ }
@@ -0,0 +1,9 @@
1
+ import { NgxSkeletonLoaderConfig, NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
2
+ import * as i0 from "@angular/core";
3
+ export declare class SkeletonComponent {
4
+ count: number | string;
5
+ theme: NgxSkeletonLoaderConfigTheme;
6
+ appearance: NgxSkeletonLoaderConfig['appearance'];
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, true, never>;
9
+ }
@@ -1,4 +1,3 @@
1
- /// <reference types="node" />
2
1
  import { OnInit } from '@angular/core';
3
2
  import { MatSnackBarRef } from '@angular/material/snack-bar';
4
3
  import { IconName } from '../../components/icon/icon.model';
@@ -51,7 +50,7 @@ export declare class SnackbarComponent implements OnInit {
51
50
  showSnackbar: boolean;
52
51
  milisenconds: number;
53
52
  visible: boolean;
54
- timer?: NodeJS.Timer;
53
+ timer?: number;
55
54
  timerStartedAt: number;
56
55
  timerPausedAt: number;
57
56
  position: string;
@@ -0,0 +1,16 @@
1
+ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
2
+ import { Subject } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * Checks if element ellipsis
6
+ */
7
+ export declare class EllipseTextDirective implements OnInit {
8
+ private el;
9
+ checkEllipsis$: Subject<void>;
10
+ onChangeTextState: EventEmitter<boolean>;
11
+ resize(): void;
12
+ constructor(el: ElementRef);
13
+ ngOnInit(): void;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
15
+ static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, false, never>;
16
+ }