@esfaenza/dashboard-feature 19.2.0 → 19.2.1
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/fesm2022/esfaenza-dashboard-feature.mjs +851 -25
- package/fesm2022/esfaenza-dashboard-feature.mjs.map +1 -1
- package/lib/components/widgets/multiprog/circle-progress/circle-progress.component.d.ts +219 -0
- package/lib/dashboard-feature.module.d.ts +8 -7
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import { EventEmitter, OnChanges, OnInit, OnDestroy, ElementRef, SimpleChanges, NgZone, Injector } from '@angular/core';
|
|
2
|
+
import { Subscription } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface CircleProgressOptionsInterface {
|
|
5
|
+
class?: string;
|
|
6
|
+
backgroundGradient?: boolean;
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
backgroundGradientStopColor?: string;
|
|
9
|
+
backgroundOpacity?: number;
|
|
10
|
+
backgroundStroke?: string;
|
|
11
|
+
backgroundStrokeWidth?: number;
|
|
12
|
+
backgroundPadding?: number;
|
|
13
|
+
percent?: number;
|
|
14
|
+
radius?: number;
|
|
15
|
+
space?: number;
|
|
16
|
+
toFixed?: number;
|
|
17
|
+
maxPercent?: number;
|
|
18
|
+
renderOnClick?: boolean;
|
|
19
|
+
units?: string;
|
|
20
|
+
unitsFontSize?: string;
|
|
21
|
+
unitsFontWeight?: string;
|
|
22
|
+
unitsColor?: string;
|
|
23
|
+
outerStrokeGradient?: boolean;
|
|
24
|
+
outerStrokeWidth?: number;
|
|
25
|
+
outerStrokeColor?: string;
|
|
26
|
+
outerStrokeGradientStopColor?: string;
|
|
27
|
+
outerStrokeLinecap?: string;
|
|
28
|
+
innerStrokeColor?: string;
|
|
29
|
+
innerStrokeWidth?: number;
|
|
30
|
+
titleFormat?: Function;
|
|
31
|
+
title?: string | Array<String>;
|
|
32
|
+
titleColor?: string;
|
|
33
|
+
titleFontSize?: string;
|
|
34
|
+
titleFontWeight?: string;
|
|
35
|
+
subtitleFormat?: Function;
|
|
36
|
+
subtitle?: string | Array<String>;
|
|
37
|
+
subtitleColor?: string;
|
|
38
|
+
subtitleFontSize?: string;
|
|
39
|
+
subtitleFontWeight?: string;
|
|
40
|
+
imageSrc?: string;
|
|
41
|
+
imageHeight?: number;
|
|
42
|
+
imageWidth?: number;
|
|
43
|
+
animation?: boolean;
|
|
44
|
+
animateTitle?: boolean;
|
|
45
|
+
animateSubtitle?: boolean;
|
|
46
|
+
animationDuration?: number;
|
|
47
|
+
showTitle?: boolean;
|
|
48
|
+
showSubtitle?: boolean;
|
|
49
|
+
showUnits?: boolean;
|
|
50
|
+
showImage?: boolean;
|
|
51
|
+
showBackground?: boolean;
|
|
52
|
+
showInnerStroke?: boolean;
|
|
53
|
+
clockwise?: boolean;
|
|
54
|
+
responsive?: boolean;
|
|
55
|
+
startFromZero?: boolean;
|
|
56
|
+
showZeroOuterStroke?: boolean;
|
|
57
|
+
lazy?: boolean;
|
|
58
|
+
}
|
|
59
|
+
export declare class CircleProgressOptions implements CircleProgressOptionsInterface {
|
|
60
|
+
class: string;
|
|
61
|
+
backgroundGradient: boolean;
|
|
62
|
+
backgroundColor: string;
|
|
63
|
+
backgroundGradientStopColor: string;
|
|
64
|
+
backgroundOpacity: number;
|
|
65
|
+
backgroundStroke: string;
|
|
66
|
+
backgroundStrokeWidth: number;
|
|
67
|
+
backgroundPadding: number;
|
|
68
|
+
percent: number;
|
|
69
|
+
radius: number;
|
|
70
|
+
space: number;
|
|
71
|
+
toFixed: number;
|
|
72
|
+
maxPercent: number;
|
|
73
|
+
renderOnClick: boolean;
|
|
74
|
+
units: string;
|
|
75
|
+
unitsFontSize: string;
|
|
76
|
+
unitsFontWeight: string;
|
|
77
|
+
unitsColor: string;
|
|
78
|
+
outerStrokeGradient: boolean;
|
|
79
|
+
outerStrokeWidth: number;
|
|
80
|
+
outerStrokeColor: string;
|
|
81
|
+
outerStrokeGradientStopColor: string;
|
|
82
|
+
outerStrokeLinecap: string;
|
|
83
|
+
innerStrokeColor: string;
|
|
84
|
+
innerStrokeWidth: number;
|
|
85
|
+
titleFormat: any;
|
|
86
|
+
title: string | Array<String>;
|
|
87
|
+
titleColor: string;
|
|
88
|
+
titleFontSize: string;
|
|
89
|
+
titleFontWeight: string;
|
|
90
|
+
subtitleFormat: any;
|
|
91
|
+
subtitle: string | Array<String>;
|
|
92
|
+
subtitleColor: string;
|
|
93
|
+
subtitleFontSize: string;
|
|
94
|
+
subtitleFontWeight: string;
|
|
95
|
+
imageSrc: any;
|
|
96
|
+
imageHeight: number;
|
|
97
|
+
imageWidth: number;
|
|
98
|
+
animation: boolean;
|
|
99
|
+
animateTitle: boolean;
|
|
100
|
+
animateSubtitle: boolean;
|
|
101
|
+
animationDuration: number;
|
|
102
|
+
showTitle: boolean;
|
|
103
|
+
showSubtitle: boolean;
|
|
104
|
+
showUnits: boolean;
|
|
105
|
+
showImage: boolean;
|
|
106
|
+
showBackground: boolean;
|
|
107
|
+
showInnerStroke: boolean;
|
|
108
|
+
clockwise: boolean;
|
|
109
|
+
responsive: boolean;
|
|
110
|
+
startFromZero: boolean;
|
|
111
|
+
showZeroOuterStroke: boolean;
|
|
112
|
+
lazy: boolean;
|
|
113
|
+
}
|
|
114
|
+
export declare class CircleProgressComponent implements OnChanges, OnInit, OnDestroy {
|
|
115
|
+
private ngZone;
|
|
116
|
+
private elRef;
|
|
117
|
+
onClick: EventEmitter<MouseEvent>;
|
|
118
|
+
name: string;
|
|
119
|
+
class: string;
|
|
120
|
+
backgroundGradient: boolean;
|
|
121
|
+
backgroundColor: string;
|
|
122
|
+
backgroundGradientStopColor: String;
|
|
123
|
+
backgroundOpacity: number;
|
|
124
|
+
backgroundStroke: string;
|
|
125
|
+
backgroundStrokeWidth: number;
|
|
126
|
+
backgroundPadding: number;
|
|
127
|
+
radius: number;
|
|
128
|
+
space: number;
|
|
129
|
+
percent: number;
|
|
130
|
+
toFixed: number;
|
|
131
|
+
maxPercent: number;
|
|
132
|
+
renderOnClick: boolean;
|
|
133
|
+
units: string;
|
|
134
|
+
unitsFontSize: string;
|
|
135
|
+
unitsFontWeight: string;
|
|
136
|
+
unitsColor: string;
|
|
137
|
+
outerStrokeGradient: boolean;
|
|
138
|
+
outerStrokeWidth: number;
|
|
139
|
+
outerStrokeColor: string;
|
|
140
|
+
outerStrokeGradientStopColor: String;
|
|
141
|
+
outerStrokeLinecap: string;
|
|
142
|
+
innerStrokeColor: string;
|
|
143
|
+
innerStrokeWidth: string | number;
|
|
144
|
+
titleFormat: Function;
|
|
145
|
+
title: string | Array<String>;
|
|
146
|
+
titleColor: string;
|
|
147
|
+
titleFontSize: string;
|
|
148
|
+
titleFontWeight: string;
|
|
149
|
+
subtitleFormat: Function;
|
|
150
|
+
subtitle: string | string[];
|
|
151
|
+
subtitleColor: string;
|
|
152
|
+
subtitleFontSize: string;
|
|
153
|
+
subtitleFontWeight: string;
|
|
154
|
+
imageSrc: string;
|
|
155
|
+
imageHeight: number;
|
|
156
|
+
imageWidth: number;
|
|
157
|
+
animation: boolean;
|
|
158
|
+
animateTitle: boolean;
|
|
159
|
+
animateSubtitle: boolean;
|
|
160
|
+
animationDuration: number;
|
|
161
|
+
showTitle: boolean;
|
|
162
|
+
showSubtitle: boolean;
|
|
163
|
+
showUnits: boolean;
|
|
164
|
+
showImage: boolean;
|
|
165
|
+
showBackground: boolean;
|
|
166
|
+
showInnerStroke: boolean;
|
|
167
|
+
clockwise: boolean;
|
|
168
|
+
responsive: boolean;
|
|
169
|
+
startFromZero: boolean;
|
|
170
|
+
showZeroOuterStroke: boolean;
|
|
171
|
+
lazy: boolean;
|
|
172
|
+
templateOptions: CircleProgressOptions;
|
|
173
|
+
svgElement: HTMLElement;
|
|
174
|
+
isInViewport: Boolean;
|
|
175
|
+
onViewportChanged: EventEmitter<{
|
|
176
|
+
oldValue: Boolean;
|
|
177
|
+
newValue: Boolean;
|
|
178
|
+
}>;
|
|
179
|
+
window: Window;
|
|
180
|
+
_viewportChangedSubscriber: Subscription;
|
|
181
|
+
svg: any;
|
|
182
|
+
options: CircleProgressOptions;
|
|
183
|
+
defaultOptions: CircleProgressOptions;
|
|
184
|
+
_lastPercent: number;
|
|
185
|
+
_gradientUUID: string;
|
|
186
|
+
render: () => void;
|
|
187
|
+
polarToCartesian: (centerX: number, centerY: number, radius: number, angleInDegrees: number) => {
|
|
188
|
+
x: number;
|
|
189
|
+
y: number;
|
|
190
|
+
};
|
|
191
|
+
draw: (percent: number) => void;
|
|
192
|
+
getAnimationParameters: (previousPercent: number, currentPercent: number) => {
|
|
193
|
+
times: number;
|
|
194
|
+
step: number;
|
|
195
|
+
interval: number;
|
|
196
|
+
};
|
|
197
|
+
animate: (previousPercent: number, currentPercent: number) => void;
|
|
198
|
+
emitClickEvent(event: MouseEvent): void;
|
|
199
|
+
private _timerSubscription;
|
|
200
|
+
private applyOptions;
|
|
201
|
+
private getRelativeY;
|
|
202
|
+
private min;
|
|
203
|
+
private max;
|
|
204
|
+
private uuid;
|
|
205
|
+
isDrawing(): boolean;
|
|
206
|
+
findSvgElement(): void;
|
|
207
|
+
private isElementInViewport;
|
|
208
|
+
checkViewport: () => void;
|
|
209
|
+
onScroll: (event: Event) => void;
|
|
210
|
+
loadEventsForLazyMode: () => void;
|
|
211
|
+
unloadEventsForLazyMode: () => void;
|
|
212
|
+
ngOnInit(): void;
|
|
213
|
+
ngOnDestroy(): void;
|
|
214
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
215
|
+
private document;
|
|
216
|
+
constructor(defaultOptions: CircleProgressOptions, ngZone: NgZone, elRef: ElementRef, injector: Injector);
|
|
217
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CircleProgressComponent, never>;
|
|
218
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CircleProgressComponent, "circle-progress", never, { "name": { "alias": "name"; "required": false; }; "class": { "alias": "class"; "required": false; }; "backgroundGradient": { "alias": "backgroundGradient"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "backgroundGradientStopColor": { "alias": "backgroundGradientStopColor"; "required": false; }; "backgroundOpacity": { "alias": "backgroundOpacity"; "required": false; }; "backgroundStroke": { "alias": "backgroundStroke"; "required": false; }; "backgroundStrokeWidth": { "alias": "backgroundStrokeWidth"; "required": false; }; "backgroundPadding": { "alias": "backgroundPadding"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "space": { "alias": "space"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; "toFixed": { "alias": "toFixed"; "required": false; }; "maxPercent": { "alias": "maxPercent"; "required": false; }; "renderOnClick": { "alias": "renderOnClick"; "required": false; }; "units": { "alias": "units"; "required": false; }; "unitsFontSize": { "alias": "unitsFontSize"; "required": false; }; "unitsFontWeight": { "alias": "unitsFontWeight"; "required": false; }; "unitsColor": { "alias": "unitsColor"; "required": false; }; "outerStrokeGradient": { "alias": "outerStrokeGradient"; "required": false; }; "outerStrokeWidth": { "alias": "outerStrokeWidth"; "required": false; }; "outerStrokeColor": { "alias": "outerStrokeColor"; "required": false; }; "outerStrokeGradientStopColor": { "alias": "outerStrokeGradientStopColor"; "required": false; }; "outerStrokeLinecap": { "alias": "outerStrokeLinecap"; "required": false; }; "innerStrokeColor": { "alias": "innerStrokeColor"; "required": false; }; "innerStrokeWidth": { "alias": "innerStrokeWidth"; "required": false; }; "titleFormat": { "alias": "titleFormat"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleColor": { "alias": "titleColor"; "required": false; }; "titleFontSize": { "alias": "titleFontSize"; "required": false; }; "titleFontWeight": { "alias": "titleFontWeight"; "required": false; }; "subtitleFormat": { "alias": "subtitleFormat"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "subtitleColor": { "alias": "subtitleColor"; "required": false; }; "subtitleFontSize": { "alias": "subtitleFontSize"; "required": false; }; "subtitleFontWeight": { "alias": "subtitleFontWeight"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "imageWidth": { "alias": "imageWidth"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "animateTitle": { "alias": "animateTitle"; "required": false; }; "animateSubtitle": { "alias": "animateSubtitle"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showSubtitle": { "alias": "showSubtitle"; "required": false; }; "showUnits": { "alias": "showUnits"; "required": false; }; "showImage": { "alias": "showImage"; "required": false; }; "showBackground": { "alias": "showBackground"; "required": false; }; "showInnerStroke": { "alias": "showInnerStroke"; "required": false; }; "clockwise": { "alias": "clockwise"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "startFromZero": { "alias": "startFromZero"; "required": false; }; "showZeroOuterStroke": { "alias": "showZeroOuterStroke"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "templateOptions": { "alias": "options"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
219
|
+
}
|
|
@@ -7,16 +7,17 @@ import * as i2 from "./components/widgets/list/jace-dsh-list.component";
|
|
|
7
7
|
import * as i3 from "./components/widgets/counter/jace-dsh-counter.component";
|
|
8
8
|
import * as i4 from "./components/widgets/chart/jace-dsh-chart.component";
|
|
9
9
|
import * as i5 from "./components/widgets/multiprog/jace-dsh-multiprog.component";
|
|
10
|
-
import * as i6 from "
|
|
11
|
-
import * as i7 from "@angular/
|
|
12
|
-
import * as i8 from "angular
|
|
13
|
-
import * as i9 from "
|
|
14
|
-
import * as i10 from "@esfaenza/
|
|
15
|
-
import * as i11 from "@esfaenza/
|
|
10
|
+
import * as i6 from "./components/widgets/multiprog/circle-progress/circle-progress.component";
|
|
11
|
+
import * as i7 from "@angular/common";
|
|
12
|
+
import * as i8 from "@angular/forms";
|
|
13
|
+
import * as i9 from "angular-gridster2";
|
|
14
|
+
import * as i10 from "@esfaenza/forms-and-validations";
|
|
15
|
+
import * as i11 from "@esfaenza/es-charts";
|
|
16
|
+
import * as i12 from "@esfaenza/httpservice";
|
|
16
17
|
export declare class DashboardFeatureModule {
|
|
17
18
|
static forRoot(options?: IDashboardModuleOptions): ModuleWithProviders<DashboardFeatureModule>;
|
|
18
19
|
constructor(componentFactory: DashboardWidgetFactory, options: IDashboardModuleOptions[]);
|
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<DashboardFeatureModule, [null, { optional: true; }]>;
|
|
20
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardFeatureModule, [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent], [typeof
|
|
21
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DashboardFeatureModule, [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent, typeof i6.CircleProgressComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.GridsterModule, typeof i10.FormsAndValidationsModule, typeof i11.EsChartsModule, typeof i12.HttpserviceModule], [typeof i1.DashboardComponent, typeof i2.JaceListWidgetComponent, typeof i3.JaceCounterWidgetComponent, typeof i4.JaceChartWidgetComponent, typeof i5.JaceMultiprogWidgetComponent, typeof i6.CircleProgressComponent]>;
|
|
21
22
|
static ɵinj: i0.ɵɵInjectorDeclaration<DashboardFeatureModule>;
|
|
22
23
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -21,3 +21,4 @@ export * from './lib/components/widgets/multiprog/jace-dsh-multiprog.component';
|
|
|
21
21
|
export * from './lib/components/widgets/BaseWidgetComponent';
|
|
22
22
|
export * from './lib/components/widgets/IWidgetComponent';
|
|
23
23
|
export * from './lib/components/widgets/JaceWidgetTypes';
|
|
24
|
+
export * from './lib/components/widgets/multiprog/circle-progress/circle-progress.component';
|