axidio-styleguide-library1-v2 0.2.10 → 0.2.12
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/esm2022/lib/ax-table/ax-table.component.mjs +104 -171
- package/esm2022/lib/guage-chart/guage-chart.component.mjs +296 -192
- package/fesm2022/axidio-styleguide-library1-v2.mjs +399 -362
- package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
- package/lib/ax-table/ax-table.component.d.ts +26 -68
- package/lib/guage-chart/guage-chart.component.d.ts +11 -40
- package/package.json +1 -1
|
@@ -6,84 +6,42 @@ export declare class AxTableComponent implements OnInit {
|
|
|
6
6
|
clickEvent: EventEmitter<any>;
|
|
7
7
|
isHeaderVisible: boolean;
|
|
8
8
|
isUserSort: boolean;
|
|
9
|
-
tableHeadList:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
* Total number of stores in selected state
|
|
17
|
-
*/
|
|
18
|
-
totalItems: any;
|
|
19
|
-
/**
|
|
20
|
-
* Current page displayed in pagination
|
|
21
|
-
*/
|
|
22
|
-
currentPage: any;
|
|
23
|
-
/**
|
|
24
|
-
* Number of stores that can be displayed in each page
|
|
25
|
-
*/
|
|
26
|
-
pageSize: any;
|
|
27
|
-
/**
|
|
28
|
-
* Selected page store list
|
|
29
|
-
*/
|
|
30
|
-
currentList: any;
|
|
31
|
-
/**
|
|
32
|
-
* Sort direction of selected column in the table
|
|
33
|
-
*/
|
|
34
|
-
sortDirection: any;
|
|
35
|
-
/**
|
|
36
|
-
* Selected column for sorting
|
|
37
|
-
*/
|
|
38
|
-
sortColumn: any;
|
|
39
|
-
/**
|
|
40
|
-
* Selector for listening to the changes of search text entered in the header
|
|
41
|
-
*/
|
|
42
|
-
searchTextFeature$: any;
|
|
43
|
-
/**
|
|
44
|
-
* Master store list for the selected state
|
|
45
|
-
*/
|
|
46
|
-
masterList: any;
|
|
47
|
-
chartConfiguration: any;
|
|
48
|
-
defaultConfiguration: any;
|
|
9
|
+
tableHeadList: string[];
|
|
10
|
+
masterList: any[];
|
|
11
|
+
itemList: any[];
|
|
12
|
+
currentList: any[];
|
|
13
|
+
pageSize: number;
|
|
14
|
+
currentPage: number;
|
|
15
|
+
totalItems: number;
|
|
49
16
|
totalPages: number;
|
|
50
17
|
goToPageNumber: number;
|
|
51
18
|
pagesToShow: number[];
|
|
19
|
+
sortColumn: string;
|
|
20
|
+
sortDirection: 'asc' | 'desc' | '';
|
|
21
|
+
chartConfiguration: any;
|
|
22
|
+
defaultConfiguration: any;
|
|
52
23
|
constructor();
|
|
53
24
|
ngOnInit(): void;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
25
|
+
private initializeTable;
|
|
26
|
+
private setupChartConfiguration;
|
|
27
|
+
private setHeaderVisibility;
|
|
28
|
+
private loadPage;
|
|
29
|
+
private calculateTotalPages;
|
|
30
|
+
private generatePagesToShow;
|
|
31
|
+
private refreshPagination;
|
|
59
32
|
goToFirstPage(): void;
|
|
60
33
|
goToPreviousPage(): void;
|
|
61
34
|
goToNextPage(): void;
|
|
62
35
|
goToLastPage(): void;
|
|
63
|
-
goToPage(page: number): void;
|
|
64
36
|
goToSpecificPage(): void;
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
* @param id - Column id
|
|
74
|
-
*/
|
|
75
|
-
sortByColumn(id: any): void;
|
|
76
|
-
/**
|
|
77
|
-
* Returns whether column being passed as the param is currently being sorted or not
|
|
78
|
-
* @param id column id
|
|
79
|
-
*/
|
|
80
|
-
checkIfColumnCurrentlyBeingSorted(id: any): boolean;
|
|
81
|
-
/**
|
|
82
|
-
* Returns the sort direction that is being currently sorted
|
|
83
|
-
*/
|
|
84
|
-
getSortDirection(): "arrow-up" | "arrow-down";
|
|
85
|
-
onEnter(event: any): void;
|
|
86
|
-
handleClick(d: any): void;
|
|
37
|
+
preventNegative(event: KeyboardEvent): void;
|
|
38
|
+
sortByColumn(id: string): void;
|
|
39
|
+
private sortItemList;
|
|
40
|
+
private resetSort;
|
|
41
|
+
checkIfColumnCurrentlyBeingSorted(id: string): boolean;
|
|
42
|
+
onSearch(event: any): void;
|
|
43
|
+
getWidthById(_: string, index: number): string;
|
|
44
|
+
handleClick(row: any): void;
|
|
87
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<AxTableComponent, never>;
|
|
88
46
|
static ɵcmp: i0.ɵɵComponentDeclaration<AxTableComponent, "lib-ax-table", never, { "tableData": { "alias": "tableData"; "required": false; }; "customChartConfiguration": { "alias": "customChartConfiguration"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, false, never>;
|
|
89
47
|
}
|
|
@@ -1,57 +1,28 @@
|
|
|
1
|
-
import { OnInit,
|
|
2
|
-
import { ResizedEvent } from 'angular-resize-event';
|
|
1
|
+
import { OnInit, ElementRef, EventEmitter } from '@angular/core';
|
|
3
2
|
import { ComponentUniqueId } from '../unique-id';
|
|
3
|
+
import { ResizedEvent } from 'angular-resize-event';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class GuageChartComponent extends ComponentUniqueId implements OnInit
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
export declare class GuageChartComponent extends ComponentUniqueId implements OnInit {
|
|
6
|
+
containerElt: ElementRef;
|
|
7
|
+
guagecontainerElt: ElementRef;
|
|
8
8
|
chartData: any;
|
|
9
9
|
customChartConfiguration: any;
|
|
10
10
|
clickEvent: EventEmitter<any>;
|
|
11
11
|
headerMenuclickEvent: EventEmitter<any>;
|
|
12
12
|
chartConfiguration: any;
|
|
13
|
-
dataType:
|
|
13
|
+
dataType: any;
|
|
14
14
|
datatype_status: boolean;
|
|
15
|
-
uniqueId:
|
|
15
|
+
uniqueId: any;
|
|
16
16
|
isHeaderVisible: boolean;
|
|
17
17
|
defaultConfiguration: any;
|
|
18
18
|
constructor();
|
|
19
19
|
get isAlertEnabled(): boolean;
|
|
20
|
-
|
|
21
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
20
|
+
ngOnChanges(): void;
|
|
22
21
|
onResized(event: ResizedEvent): void;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
* --------------------------------------------- */
|
|
26
|
-
private renderChart;
|
|
27
|
-
/** Merge custom config into default config */
|
|
28
|
-
private mergeConfigurations;
|
|
29
|
-
/** Handle currency or unit type */
|
|
30
|
-
private setDataType;
|
|
31
|
-
/** Resolve color map based on colorType */
|
|
32
|
-
private resolveColorMap;
|
|
33
|
-
/** Compute difference between consecutive data points */
|
|
34
|
-
private computeDataDiffs;
|
|
35
|
-
/** Convert data differences into cumulative angles */
|
|
36
|
-
private computeAngles;
|
|
37
|
-
/** D3 utility methods */
|
|
38
|
-
private deg2rad;
|
|
39
|
-
private getChartWidth;
|
|
40
|
-
private getChartHeight;
|
|
41
|
-
private createSvgContainer;
|
|
42
|
-
private adjustScaleFactors;
|
|
43
|
-
/** Draw the colored arcs */
|
|
44
|
-
private drawArcs;
|
|
45
|
-
/** Draw the pointer indicator */
|
|
46
|
-
private drawPointer;
|
|
47
|
-
/** Draw the numeric labels around the arc */
|
|
48
|
-
private drawLabels;
|
|
49
|
-
/** Draw central text blocks (value, status, date range) */
|
|
50
|
-
private drawTextBlocks;
|
|
51
|
-
private centerSvg;
|
|
52
|
-
/** Event Emitters */
|
|
22
|
+
ngOnInit(): void;
|
|
23
|
+
initializeLineChart(): void;
|
|
53
24
|
handleClick(d: any): void;
|
|
54
|
-
handleHeaderMenuClick(id:
|
|
25
|
+
handleHeaderMenuClick(id: any): void;
|
|
55
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<GuageChartComponent, never>;
|
|
56
27
|
static ɵcmp: i0.ɵɵComponentDeclaration<GuageChartComponent, "lib-guage-chart", never, { "chartData": { "alias": "chartData"; "required": false; }; "customChartConfiguration": { "alias": "customChartConfiguration"; "required": false; }; }, { "clickEvent": "clickEvent"; "headerMenuclickEvent": "headerMenuclickEvent"; }, never, never, false, never>;
|
|
57
28
|
}
|