axidio-styleguide-library1-v2 0.4.24 → 0.4.25

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 +747 -866
  2. package/fesm2022/axidio-styleguide-library1-v2.mjs +757 -876
  3. package/fesm2022/axidio-styleguide-library1-v2.mjs.map +1 -1
  4. package/lib/group-chart/group-chart.component.d.ts +114 -127
  5. package/package.json +1 -1
package/lib/group-chart/group-chart.component.d.ts CHANGED
@@ -1,156 +1,143 @@
1
- import { ElementRef, EventEmitter } from '@angular/core';
1
+ import { OnInit, ElementRef, EventEmitter } from '@angular/core';
2
2
  import { ComponentUniqueId } from '../unique-id';
3
- import ChartHelper from '../chart-helper';
4
3
  import { ResizedEvent } from 'angular-resize-event';
5
4
  import * as i0 from "@angular/core";
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;
5
+ interface ChartConfiguration {
6
+ margin: {
7
+ top: number;
8
+ right: number;
9
+ bottom: number;
10
+ left: number;
18
11
  };
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;
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;
33
60
  }
34
- export declare class GroupChartComponent extends ComponentUniqueId {
61
+ export declare class GroupChartComponent extends ComponentUniqueId implements OnInit {
35
62
  containerElt: ElementRef;
36
63
  groupcontainerElt: ElementRef;
37
- chartData: ChartData | any;
64
+ chartData: any;
38
65
  customChartConfiguration: any;
39
66
  clickEvent: EventEmitter<any>;
40
67
  headerMenuclickEvent: EventEmitter<any>;
41
- chartConfiguration: any;
42
68
  isHeaderVisible: boolean;
43
- isTopCaptionVisible: boolean;
44
- uniqueId: string;
69
+ legendVisible: boolean;
45
70
  isTransparentBackground: boolean;
46
- isCC: boolean;
47
- isZoomedOut: 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;
71
+ chartConfiguration: ChartConfiguration;
72
+ objectKeys: {
73
+ (o: object): string[];
74
+ (o: {}): string[];
98
75
  };
76
+ private readonly defaultConfiguration;
77
+ uniqueId: any;
78
+ isZoomedOut: boolean;
79
+ isDD1Open: boolean;
80
+ isDD2Open: boolean;
99
81
  constructor();
100
- ngOnChanges(): void;
82
+ ngOnInit(): void;
83
+ get isAlertEnabled(): boolean;
101
84
  onResized(event: ResizedEvent): void;
102
- isZoomOutSelected(isZoomOut: boolean): void;
103
- private removeExistingChart;
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;
104
93
  private mergeConfigurations;
105
- private prepareMetaData;
94
+ private prepareChartData;
106
95
  private calculateDimensions;
107
- private createSvgContainers;
96
+ private calculateWidth;
97
+ private calculateHeight;
108
98
  private createScales;
109
- private createAxes;
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;
110
111
  private renderBars;
111
- private appendRectangles;
112
+ private prepareBarData;
113
+ private handleBarClick;
114
+ private getBarX;
115
+ private calculateDrilldownBarX;
116
+ private adjustDrilldownScale;
117
+ private getBarWidth;
118
+ private getBarHeight;
112
119
  private getBarColor;
113
- private addInteractions;
120
+ private renderBarTexts;
121
+ private getBarTextLabel;
122
+ private getBarTextFontSize;
123
+ private getBarTextTransform;
114
124
  private handleMouseOver;
115
- private getHoverColor;
116
- private displayTooltip;
117
125
  private calculateTooltipX;
118
- private generateTooltipHtml;
126
+ private calculateTooltipWidth;
127
+ private getTooltipHTML;
119
128
  private handleMouseOut;
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;
129
+ private renderLabels;
130
+ private renderYAxisLabel;
131
+ private renderXAxisLabel;
132
+ private isAcronym;
133
+ private renderLineYAxisLabel;
142
134
  private renderTargetLine;
143
- private parseTargetValue;
144
- private renderTargetLabel;
145
- private renderLineChart;
146
- private renderLineDots;
135
+ private renderLineGraph;
147
136
  handleClick(d: any): void;
148
- handleHeaderMenuClick(id: any): void;
137
+ handleHeaderMenuClick(id: string): void;
138
+ handleDD1Click(event: any): void;
139
+ handleDD2Click(event: any): void;
149
140
  handleCompareByFilterSelection(event: any): void;
150
- handleZoominZoomoutClick({ isZoomOut, event }: {
151
- isZoomOut: boolean;
152
- event: any;
153
- }): void;
154
141
  static ɵfac: i0.ɵɵFactoryDeclaration<GroupChartComponent, never>;
155
142
  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>;
156
143
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "axidio-styleguide-library1-v2",
3
- "version": "0.4.24",
3
+ "version": "0.4.25",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.1",
6
6
  "@angular/core": "^17.3.1",