@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.
- package/components/badge/badge.component.d.ts +1 -1
- package/components/button/button.component.d.ts +20 -3
- package/components/button/button.model.d.ts +1 -0
- package/components/deprecated-paginator/deprecated-paginator.component.d.ts +38 -0
- package/components/deprecated-paginator/deprecated-paginator.component.module.d.ts +9 -0
- package/components/deprecated-table/deprecated-table.component.d.ts +91 -0
- package/components/deprecated-table/deprecated-table.component.module.d.ts +14 -0
- package/components/deprecated-table/deprecated-table.model.d.ts +45 -0
- package/components/{table → deprecated-table}/directives/dynamic-component.directive.d.ts +1 -1
- package/components/paginator/paginator.component.d.ts +13 -14
- package/components/rating/half-star.pipe.d.ts +14 -0
- package/components/rating/rating.component.d.ts +26 -5
- package/components/rating/rating.component.module.d.ts +3 -2
- package/components/segmented-bar/segmented-bar.component.d.ts +29 -0
- package/components/segmented-bar/segmented-bar.component.module.d.ts +9 -0
- package/components/segmented-bar/segmented-bar.model.d.ts +7 -0
- package/components/side-sheet/side-sheet.component.d.ts +29 -0
- package/components/side-sheet/side-sheet.component.module.d.ts +13 -0
- package/components/side-sheet/side-sheet.model.d.ts +7 -0
- package/components/side-sheet/side-sheet.service.d.ts +14 -0
- package/components/skeleton/skeleton.component.d.ts +9 -0
- package/components/snackbar/snackbar.component.d.ts +1 -2
- package/components/table/ellipse-text.directive.d.ts +16 -0
- package/components/table/table.component.d.ts +29 -78
- package/components/table/table.component.module.d.ts +7 -8
- package/components/table/table.model.d.ts +26 -40
- package/esm2022/components/alert-banner/alert-banner.component.mjs +3 -3
- package/esm2022/components/avatar/avatar.component.mjs +3 -3
- package/esm2022/components/badge/badge.component.mjs +3 -3
- package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +35 -12
- package/esm2022/components/button/button.model.mjs +1 -1
- package/esm2022/components/create-account/create-account.component.mjs +1 -1
- package/esm2022/components/create-password/create-password.component.mjs +1 -1
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +55 -0
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +20 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +158 -0
- package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +25 -0
- package/esm2022/components/deprecated-table/deprecated-table.model.mjs +13 -0
- package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +39 -0
- package/esm2022/components/deprecated-table/pipes/data-property-getter.mjs +32 -0
- package/esm2022/components/dialog/dialog.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/components/empty-state/empty-state.component.mjs +3 -3
- package/esm2022/components/field/field.component.mjs +3 -3
- package/esm2022/components/file-upload/file-upload.component.mjs +3 -3
- package/esm2022/components/forgot-password/forgot-password.component.mjs +1 -1
- package/esm2022/components/login/login.component.mjs +1 -1
- package/esm2022/components/paginator/paginator.component.mjs +21 -20
- package/esm2022/components/paginator/paginator.component.module.mjs +3 -4
- package/esm2022/components/rating/half-star.pipe.mjs +23 -0
- package/esm2022/components/rating/rating.component.mjs +22 -4
- package/esm2022/components/rating/rating.component.module.mjs +4 -3
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +45 -0
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +18 -0
- package/esm2022/components/segmented-bar/segmented-bar.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.component.mjs +66 -0
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +60 -0
- package/esm2022/components/side-sheet/side-sheet.model.mjs +2 -0
- package/esm2022/components/side-sheet/side-sheet.service.mjs +30 -0
- package/esm2022/components/skeleton/skeleton.component.mjs +25 -0
- package/esm2022/components/snackbar/snackbar.component.mjs +5 -5
- package/esm2022/components/table/ellipse-text.directive.mjs +36 -0
- package/esm2022/components/table/table.component.mjs +58 -140
- package/esm2022/components/table/table.component.module.mjs +10 -12
- package/esm2022/components/table/table.model.mjs +2 -13
- package/esm2022/public-api.mjs +27 -9
- package/fesm2022/testgorilla-tgo-ui.mjs +546 -90
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +3 -2
- package/public-api.d.ts +19 -6
- package/src/assets/icons/rating-icons/Star-filled-disabled.svg +3 -0
- package/src/assets/icons/rating-icons/Star-filled.svg +3 -0
- package/src/assets/icons/rating-icons/Star-half.svg +3 -0
- package/src/assets/icons/rating-icons/Star-outline.svg +3 -0
- package/src/assets/images/premium.svg +4 -0
- package/src/theme/_mat-paginator.scss +59 -0
- package/src/theme/theme.scss +2 -0
- package/esm2022/components/table/directives/dynamic-component.directive.mjs +0 -39
- package/esm2022/components/table/pipes/data-property-getter.mjs +0 -32
- /package/components/{table → deprecated-table}/pipes/data-property-getter.d.ts +0 -0
|
@@ -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
|
-
|
|
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; }; "
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
*
|
|
20
|
+
* Page size
|
|
21
21
|
*
|
|
22
22
|
* @type {number}
|
|
23
23
|
* @memberof PaginatorComponent
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
pageSize: number;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
* @ignore
|
|
27
|
+
* Disabled
|
|
28
|
+
*
|
|
29
|
+
* @type {boolean}
|
|
30
|
+
* @memberOf PaginatorComponent
|
|
32
31
|
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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; }; "
|
|
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 "
|
|
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
|
|
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,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,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?:
|
|
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
|
+
}
|