axidio-styleguide-library1-v2 0.4.21 → 0.4.23

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 (5) hide show
  1. package/esm2022/lib/group-chart/group-chart.component.mjs +865 -746
  2. package/fesm2022/axidio-styleguide-library1-v2.mjs +868 -749
  3. package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
  4. package/lib/group-chart/group-chart.component.d.ts +127 -114
  5. package/package.json +1 -1
package/lib/group-chart/group-chart.component.d.ts CHANGED
@@ -1,143 +1,156 @@
1
- import { OnInit, ElementRef, EventEmitter } from '@angular/core';
1
+ import { ElementRef, EventEmitter } from '@angular/core';
2
2
  import { ComponentUniqueId } from '../unique-id';
3
+ import ChartHelper from '../chart-helper';
3
4
  import { ResizedEvent } from 'angular-resize-event';
4
5
  import * as i0 from "@angular/core";
5
- interface ChartConfiguration {
6
- margin: {
7
- top: number;
8
- right: number;
9
- bottom: number;
10
- left: number;
6
+ interface ChartData {
7
+ data: any[];
8
+ metaData: ChartMetaData;
9
+ lineData?: any[];
10
+ targetLineData?: TargetLineData;
11
+ }
12
+ interface ChartMetaData {
13
+ unit?: string;
14
+ isCC?: boolean;
15
+ barWithoutClick?: string[];
16
+ colors: {
17
+ [key: string]: string;
11
18
  };
12
- labelFormatter: (value: any) => string;
13
- svgHeight: number;
14
- numberOfYTicks: number;
15
- legendJustified: boolean;
16
- yLineAxisLabelFomatter: (value: any) => string;
17
- yAxisLabelFomatter: (value: any) => string;
18
- lineGraphColor: string;
19
- showLineChartAxis: boolean;
20
- showValues: boolean;
21
- headerMenuOptions: any[];
22
- xAxisGrid?: boolean;
23
- yAxisGrid: boolean;
24
- legendVisible: boolean;
25
- isHeaderVisible?: boolean;
26
- isTransparentBackground?: boolean;
27
- isMultiChartGridLine?: boolean;
28
- isFullScreen?: boolean;
29
- customYscale?: number;
30
- textsOnBar?: boolean;
31
- isXaxisLabelHidden?: boolean;
32
- isYaxisLabelHidden: boolean;
33
- isYaxisHidden?: boolean;
34
- isYaxisDashed?: boolean;
35
- textFormatter?: string;
36
- isNoAlternateXaxisText?: boolean;
37
- isXgridBetweenLabels?: boolean;
38
- backgroundColor: string;
39
- hideLegendOnTop: boolean;
40
- isXaxisColor: string;
41
- labelOverlapMinorFix: boolean;
42
- noHoverEffect: boolean;
43
- noHoverDisplayData: boolean;
44
- showXaxisTop: boolean;
45
- displayYaxisLabels?: boolean;
46
- xLabelsOnSameLine?: boolean;
47
- textAlwaysHorizontal?: boolean;
48
- legendAtTopRight?: boolean;
49
- isDrilldownChart?: boolean;
50
- displayTitleOnTop?: boolean;
51
- isToggleVisible?: boolean;
52
- isTitleHidden?: boolean;
53
- isDisplayBarDetailsAtBottom?: boolean;
54
- howmanyBarDetailsToDisplay: number;
55
- barVauleColor?: string;
56
- yAxisCustomTextStyles?: string;
57
- yAxisCustomlabelStyles?: string;
58
- xAxisCustomlabelStyles?: string;
59
- isRia?: boolean;
19
+ keyList: string[];
20
+ dataType?: string;
21
+ hasDrillDown?: boolean;
22
+ hoverColor?: string;
23
+ yLabel?: string;
24
+ xLabel?: string;
25
+ lineyLabel?: string;
26
+ }
27
+ interface TargetLineData {
28
+ target: string | number;
29
+ color: string;
30
+ targetName?: string;
31
+ barAboveTargetColor?: string;
32
+ barAboveTargetHoverColor?: string;
60
33
  }
61
- export declare class GroupChartComponent extends ComponentUniqueId implements OnInit {
34
+ export declare class GroupChartComponent extends ComponentUniqueId {
62
35
  containerElt: ElementRef;
63
36
  groupcontainerElt: ElementRef;
64
- chartData: any;
37
+ chartData: ChartData | any;
65
38
  customChartConfiguration: any;
66
39
  clickEvent: EventEmitter<any>;
67
40
  headerMenuclickEvent: EventEmitter<any>;
41
+ chartConfiguration: any;
68
42
  isHeaderVisible: boolean;
69
- legendVisible: boolean;
43
+ isTopCaptionVisible: boolean;
44
+ uniqueId: string;
70
45
  isTransparentBackground: boolean;
71
- chartConfiguration: ChartConfiguration;
72
- objectKeys: {
73
- (o: object): string[];
74
- (o: {}): string[];
75
- };
76
- private readonly defaultConfiguration;
77
- uniqueId: any;
46
+ isCC: boolean;
78
47
  isZoomedOut: boolean;
79
- isDD1Open: boolean;
80
- isDD2Open: boolean;
48
+ private readonly CONSTANTS;
49
+ defaultConfiguration: {
50
+ margin: {
51
+ top: number;
52
+ right: number;
53
+ bottom: number;
54
+ left: number;
55
+ };
56
+ svgHeight: number;
57
+ legendHeight: string;
58
+ numberOfYTicks: number;
59
+ labelFormatter: typeof ChartHelper.defaultFormatter;
60
+ xAxisLabelFomatter: typeof ChartHelper.defaultFormatter;
61
+ yAxisLabelFomatter: typeof ChartHelper.defaultFormatter;
62
+ yLineAxisLabelFomatter: typeof ChartHelper.defaultFormatter;
63
+ lineGraphColor: string;
64
+ showLineChartAxis: boolean;
65
+ showLegend: boolean;
66
+ forComparison: boolean;
67
+ headerMenuOptions: {
68
+ name: string;
69
+ id: string;
70
+ }[];
71
+ yAxisGrid: boolean;
72
+ isHeaderVisible: undefined;
73
+ isTransparentBackground: undefined;
74
+ isTopCaptionVisible: undefined;
75
+ isMultiChartGridLine: undefined;
76
+ isFullScreen: undefined;
77
+ customYscale: undefined;
78
+ isXaxisLabelHidden: undefined;
79
+ isYaxisLabelHidden: undefined;
80
+ isYaxisHidden: undefined;
81
+ isYaxisDashed: undefined;
82
+ isXaxisColor: undefined;
83
+ textFormatter: undefined;
84
+ showTotalOnTop: undefined;
85
+ backendFormatterHasPriority: undefined;
86
+ showAngledLabels: undefined;
87
+ isNoAlternateXaxisText: undefined;
88
+ isXgridBetweenLabels: undefined;
89
+ showXaxisTop: undefined;
90
+ xAxisGrid: undefined;
91
+ xLabelsOnSameLine: undefined;
92
+ hideXaxisTick: undefined;
93
+ isDrilldownChart: undefined;
94
+ isTargetLine: undefined;
95
+ displayTitleOnTop: undefined;
96
+ isToggleVisible: undefined;
97
+ isTitleHidden: undefined;
98
+ };
81
99
  constructor();
82
- ngOnInit(): void;
83
- get isAlertEnabled(): boolean;
100
+ ngOnChanges(): void;
84
101
  onResized(event: ResizedEvent): void;
85
- isZoomOutSelected(isZoomOut: boolean, event: any): void;
86
- handleZoominZoomoutClick({ isZoomOut, event }: {
87
- isZoomOut: any;
88
- event: any;
89
- }): void;
90
- isLegendVisible(): boolean;
91
- keepOrder: (a: any, b: any) => any;
92
- initializegroupChart(): void;
102
+ isZoomOutSelected(isZoomOut: boolean): void;
103
+ private removeExistingChart;
93
104
  private mergeConfigurations;
94
- private prepareChartData;
105
+ private prepareMetaData;
95
106
  private calculateDimensions;
96
- private calculateWidth;
97
- private calculateHeight;
107
+ private createSvgContainers;
98
108
  private createScales;
99
- private calculateMaxValue;
100
- private createLineYScale;
101
- private createSVGStructure;
102
- private renderAxes;
103
- private renderXAxis;
104
- private renderMultiChartXAxis;
105
- private renderXLabelsOnSameLine;
106
- private renderYAxis;
107
- private applyAxisVisibilitySettings;
108
- private renderYAxisGrid;
109
- private renderXAxisGrid;
110
- private renderLineYAxis;
109
+ private createAxes;
111
110
  private renderBars;
112
- private prepareBarData;
113
- private handleBarClick;
114
- private getBarX;
115
- private calculateDrilldownBarX;
116
- private adjustDrilldownScale;
117
- private getBarWidth;
118
- private getBarHeight;
111
+ private appendRectangles;
119
112
  private getBarColor;
120
- private renderBarTexts;
121
- private getBarTextLabel;
122
- private getBarTextFontSize;
123
- private getBarTextTransform;
113
+ private addInteractions;
124
114
  private handleMouseOver;
115
+ private getHoverColor;
116
+ private displayTooltip;
125
117
  private calculateTooltipX;
126
- private calculateTooltipWidth;
127
- private getTooltipHTML;
118
+ private generateTooltipHtml;
128
119
  private handleMouseOut;
129
- private renderLabels;
130
- private renderYAxisLabel;
131
- private renderXAxisLabel;
132
- private isAcronym;
133
- private renderLineYAxisLabel;
120
+ private renderAxisLabels;
121
+ private addYAxisLabel;
122
+ private addXAxisLabel;
123
+ private isAcronymLabel;
124
+ private getYAxisLabelClass;
125
+ private getXAxisLabelClass;
126
+ private renderGridsFromLeftAxis;
127
+ private applyConfigurationFlags;
128
+ initializeStackedChart(): void;
129
+ private renderGrids;
130
+ private renderAxes;
131
+ private renderStandardAxes;
132
+ private renderDrilldownAxes;
133
+ private renderMultiChartAxes;
134
+ private applyAxisStyling;
135
+ private applyAxisConfigurations;
136
+ private renderCustomXAxis;
137
+ private styleCustomXAxisTicks;
138
+ private applyXLabelsOnSameLine;
139
+ private renderDataLabels;
140
+ private renderTopLabels;
141
+ private renderAngledLabels;
134
142
  private renderTargetLine;
135
- private renderLineGraph;
143
+ private parseTargetValue;
144
+ private renderTargetLabel;
145
+ private renderLineChart;
146
+ private renderLineDots;
136
147
  handleClick(d: any): void;
137
- handleHeaderMenuClick(id: string): void;
138
- handleDD1Click(event: any): void;
139
- handleDD2Click(event: any): void;
148
+ handleHeaderMenuClick(id: any): void;
140
149
  handleCompareByFilterSelection(event: any): void;
150
+ handleZoominZoomoutClick({ isZoomOut, event }: {
151
+ isZoomOut: boolean;
152
+ event: any;
153
+ }): void;
141
154
  static ɵfac: i0.ɵɵFactoryDeclaration<GroupChartComponent, never>;
142
155
  static ɵcmp: i0.ɵɵComponentDeclaration<GroupChartComponent, "lib-group-chart", never, { "chartData": { "alias": "chartData"; "required": false; }; "customChartConfiguration": { "alias": "customChartConfiguration"; "required": false; }; }, { "clickEvent": "clickEvent"; "headerMenuclickEvent": "headerMenuclickEvent"; }, never, never, false, never>;
143
156
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "axidio-styleguide-library1-v2",
3
- "version": "0.4.21",
3
+ "version": "0.4.23",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.1",
6
6
  "@angular/core": "^17.3.1",