@syncfusion/ej2-angular-progressbar 31.2.12-ngcc → 32.1.19-ngcc
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/@syncfusion/ej2-angular-progressbar.es5.js +330 -330
- package/@syncfusion/ej2-angular-progressbar.js +279 -279
- package/dist/ej2-angular-progressbar.umd.js +320 -329
- package/dist/ej2-angular-progressbar.umd.min.js +0 -9
- package/ej2-angular-progressbar.d.ts +5 -5
- package/{LICENSE → license} +10 -10
- package/package.json +46 -15
- package/public_api.d.ts +1 -1
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +4 -4
- package/src/index.d.ts +6 -6
- package/src/progressbar/annotations.directive.d.ts +37 -37
- package/src/progressbar/progressbar-all.module.d.ts +8 -8
- package/src/progressbar/progressbar.component.d.ts +44 -44
- package/src/progressbar/progressbar.module.d.ts +5 -5
- package/src/progressbar/rangecolors.directive.d.ts +29 -29
|
@@ -1,338 +1,329 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* filename: ej2-angular-progressbar.umd.js
|
|
3
|
-
* version : 31.2.12
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
|
|
5
|
-
* Use of this code is subject to the terms of our license.
|
|
6
|
-
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
-
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
-
* applicable laws.
|
|
9
|
-
*/
|
|
10
1
|
(function (global, factory) {
|
|
11
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-base'), require('@syncfusion/ej2-progressbar'), require('@angular/common')) :
|
|
12
3
|
typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@syncfusion/ej2-angular-base', '@syncfusion/ej2-progressbar', '@angular/common'], factory) :
|
|
13
4
|
(factory((global['ej2-angular-progressbar'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.progressbar,global.ng.common));
|
|
14
5
|
}(this, (function (exports,core,ej2AngularBase,ej2Progressbar,common) { 'use strict';
|
|
15
6
|
|
|
16
|
-
var __extends = (this && this.__extends) || (function () {
|
|
17
|
-
var extendStatics = Object.setPrototypeOf ||
|
|
18
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
19
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
20
|
-
return function (d, b) {
|
|
21
|
-
extendStatics(d, b);
|
|
22
|
-
function __() { this.constructor = d; }
|
|
23
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
24
|
-
};
|
|
25
|
-
})();
|
|
26
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
27
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
28
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
29
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
30
|
-
else
|
|
31
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
32
|
-
if (d = decorators[i])
|
|
33
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
34
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
35
|
-
};
|
|
36
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
37
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
38
|
-
return Reflect.metadata(k, v);
|
|
39
|
-
};
|
|
40
|
-
var input = ['annotationAngle', 'annotationRadius', 'content'];
|
|
41
|
-
var outputs = [];
|
|
42
|
-
/**
|
|
43
|
-
* ProgressBarAnnotations Directive
|
|
44
|
-
* ```html
|
|
45
|
-
* <e-progressbar-annotations>
|
|
46
|
-
* <e-progressbar-annotation></e-progressbar-annotation>
|
|
47
|
-
* </e-progressbar-annotations>
|
|
48
|
-
* ```
|
|
49
|
-
*/
|
|
50
|
-
var ProgressBarAnnotationDirective = /** @class */ (function (_super) {
|
|
51
|
-
__extends(ProgressBarAnnotationDirective, _super);
|
|
52
|
-
/**
|
|
53
|
-
* @param {?} viewContainerRef
|
|
54
|
-
*/
|
|
55
|
-
function ProgressBarAnnotationDirective(viewContainerRef) {
|
|
56
|
-
var _this = _super.call(this) || this;
|
|
57
|
-
_this.viewContainerRef = viewContainerRef;
|
|
58
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
59
|
-
_this.registerEvents(outputs);
|
|
60
|
-
_this.directivePropList = input;
|
|
61
|
-
return _this;
|
|
62
|
-
}
|
|
63
|
-
return ProgressBarAnnotationDirective;
|
|
64
|
-
}(ej2AngularBase.ComplexBase));
|
|
65
|
-
ProgressBarAnnotationDirective.decorators = [
|
|
66
|
-
{ type: core.Directive, args: [{
|
|
67
|
-
selector: 'e-progressbar-annotations>e-progressbar-annotation',
|
|
68
|
-
inputs: input,
|
|
69
|
-
outputs: outputs,
|
|
70
|
-
queries: {}
|
|
71
|
-
},] },
|
|
72
|
-
];
|
|
73
|
-
/**
|
|
74
|
-
* @nocollapse
|
|
75
|
-
*/
|
|
76
|
-
ProgressBarAnnotationDirective.ctorParameters = function () { return [
|
|
77
|
-
{ type: core.ViewContainerRef, },
|
|
78
|
-
]; };
|
|
79
|
-
ProgressBarAnnotationDirective.propDecorators = {
|
|
80
|
-
'content': [{ type: core.ContentChild, args: ['content',] },],
|
|
81
|
-
};
|
|
82
|
-
__decorate([
|
|
83
|
-
ej2AngularBase.Template(),
|
|
84
|
-
__metadata("design:type", Object)
|
|
85
|
-
], ProgressBarAnnotationDirective.prototype, "content", void 0);
|
|
86
|
-
/**
|
|
87
|
-
* ProgressBarAnnotation Array Directive
|
|
88
|
-
*/
|
|
89
|
-
var ProgressBarAnnotationsDirective = /** @class */ (function (_super) {
|
|
90
|
-
__extends(ProgressBarAnnotationsDirective, _super);
|
|
91
|
-
function ProgressBarAnnotationsDirective() {
|
|
92
|
-
return _super.call(this, 'annotations') || this;
|
|
93
|
-
}
|
|
94
|
-
return ProgressBarAnnotationsDirective;
|
|
95
|
-
}(ej2AngularBase.ArrayBase));
|
|
96
|
-
ProgressBarAnnotationsDirective.decorators = [
|
|
97
|
-
{ type: core.Directive, args: [{
|
|
98
|
-
selector: 'ej-progressbar>e-progressbar-annotations',
|
|
99
|
-
queries: {
|
|
100
|
-
children: new core.ContentChildren(ProgressBarAnnotationDirective)
|
|
101
|
-
},
|
|
102
|
-
},] },
|
|
103
|
-
];
|
|
104
|
-
/**
|
|
105
|
-
* @nocollapse
|
|
106
|
-
*/
|
|
107
|
-
ProgressBarAnnotationsDirective.ctorParameters = function () { return []; };
|
|
108
|
-
var input$1 = ['color', 'end', 'start'];
|
|
109
|
-
var outputs$1 = [];
|
|
110
|
-
var RangeColorDirective = /** @class */ (function (_super) {
|
|
111
|
-
__extends(RangeColorDirective, _super);
|
|
112
|
-
/**
|
|
113
|
-
* @param {?} viewContainerRef
|
|
114
|
-
*/
|
|
115
|
-
function RangeColorDirective(viewContainerRef) {
|
|
116
|
-
var _this = _super.call(this) || this;
|
|
117
|
-
_this.viewContainerRef = viewContainerRef;
|
|
118
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
119
|
-
_this.registerEvents(outputs$1);
|
|
120
|
-
_this.directivePropList = input$1;
|
|
121
|
-
return _this;
|
|
122
|
-
}
|
|
123
|
-
return RangeColorDirective;
|
|
124
|
-
}(ej2AngularBase.ComplexBase));
|
|
125
|
-
RangeColorDirective.decorators = [
|
|
126
|
-
{ type: core.Directive, args: [{
|
|
127
|
-
selector: 'e-rangecolors>e-rangecolor',
|
|
128
|
-
inputs: input$1,
|
|
129
|
-
outputs: outputs$1,
|
|
130
|
-
queries: {}
|
|
131
|
-
},] },
|
|
132
|
-
];
|
|
133
|
-
/**
|
|
134
|
-
* @nocollapse
|
|
135
|
-
*/
|
|
136
|
-
RangeColorDirective.ctorParameters = function () { return [
|
|
137
|
-
{ type: core.ViewContainerRef, },
|
|
138
|
-
]; };
|
|
139
|
-
/**
|
|
140
|
-
* RangeColor Array Directive
|
|
141
|
-
*/
|
|
142
|
-
var RangeColorsDirective = /** @class */ (function (_super) {
|
|
143
|
-
__extends(RangeColorsDirective, _super);
|
|
144
|
-
function RangeColorsDirective() {
|
|
145
|
-
return _super.call(this, 'rangecolors') || this;
|
|
146
|
-
}
|
|
147
|
-
return RangeColorsDirective;
|
|
148
|
-
}(ej2AngularBase.ArrayBase));
|
|
149
|
-
RangeColorsDirective.decorators = [
|
|
150
|
-
{ type: core.Directive, args: [{
|
|
151
|
-
selector: 'ejs-progressbar>e-rangecolors',
|
|
152
|
-
queries: {
|
|
153
|
-
children: new core.ContentChildren(RangeColorDirective)
|
|
154
|
-
},
|
|
155
|
-
},] },
|
|
156
|
-
];
|
|
157
|
-
/**
|
|
158
|
-
* @nocollapse
|
|
159
|
-
*/
|
|
160
|
-
RangeColorsDirective.ctorParameters = function () { return []; };
|
|
161
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
162
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
163
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
164
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
165
|
-
else
|
|
166
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
167
|
-
if (d = decorators[i])
|
|
168
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
169
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
170
|
-
};
|
|
171
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
172
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
173
|
-
return Reflect.metadata(k, v);
|
|
174
|
-
};
|
|
175
|
-
var inputs = ['animation', 'annotations', 'cornerRadius', 'enablePersistence', 'enablePieProgress', 'enableProgressSegments', 'enableRtl', 'endAngle', 'gapWidth', 'height', 'innerRadius', 'isActive', 'isGradient', 'isIndeterminate', 'isStriped', 'labelOnTrack', 'labelStyle', 'locale', 'margin', 'maximum', 'minimum', 'progressColor', 'progressThickness', 'radius', 'rangeColors', 'role', 'secondaryProgress', 'secondaryProgressColor', 'secondaryProgressThickness', 'segmentColor', 'segmentCount', 'showProgressValue', 'startAngle', 'theme', 'tooltip', 'trackColor', 'trackThickness', 'type', 'value', 'width'];
|
|
176
|
-
var outputs$2 = ['animationComplete', 'load', 'loaded', 'mouseClick', 'mouseDown', 'mouseLeave', 'mouseMove', 'mouseUp', 'progressCompleted', 'textRender', 'tooltipRender', 'valueChanged'];
|
|
177
|
-
var twoWays = [''];
|
|
178
|
-
/**
|
|
179
|
-
* ProgressBar Component
|
|
180
|
-
* ```html
|
|
181
|
-
* <ejsprogressbar></ejsprogressbar>
|
|
182
|
-
* ```
|
|
183
|
-
*/
|
|
184
|
-
exports.ProgressBarComponent = /** @class */ (function (_super) {
|
|
185
|
-
__extends(ProgressBarComponent, _super);
|
|
186
|
-
/**
|
|
187
|
-
* @param {?} ngEle
|
|
188
|
-
* @param {?} srenderer
|
|
189
|
-
* @param {?} viewContainerRef
|
|
190
|
-
* @param {?} injector
|
|
191
|
-
*/
|
|
192
|
-
function ProgressBarComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
193
|
-
var _this = _super.call(this) || this;
|
|
194
|
-
_this.ngEle = ngEle;
|
|
195
|
-
_this.srenderer = srenderer;
|
|
196
|
-
_this.viewContainerRef = viewContainerRef;
|
|
197
|
-
_this.injector = injector;
|
|
198
|
-
_this.tags = ['annotations', 'rangeColors'];
|
|
199
|
-
_this.element = _this.ngEle.nativeElement;
|
|
200
|
-
_this.injectedModules = _this.injectedModules || [];
|
|
201
|
-
try {
|
|
202
|
-
var mod = _this.injector.get('ProgressBarProgressAnnotation');
|
|
203
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
204
|
-
_this.injectedModules.push(mod);
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
catch (_a) { }
|
|
208
|
-
try {
|
|
209
|
-
var mod = _this.injector.get('ProgressBarProgressTooltip');
|
|
210
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
211
|
-
_this.injectedModules.push(mod);
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
catch (_b) { }
|
|
215
|
-
_this.registerEvents(outputs$2);
|
|
216
|
-
_this.addTwoWay.call(_this, twoWays);
|
|
217
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
218
|
-
_this.context = new ej2AngularBase.ComponentBase();
|
|
219
|
-
return _this;
|
|
220
|
-
}
|
|
221
|
-
/**
|
|
222
|
-
* @return {?}
|
|
223
|
-
*/
|
|
224
|
-
ProgressBarComponent.prototype.ngOnInit = function () {
|
|
225
|
-
this.context.ngOnInit(this);
|
|
226
|
-
};
|
|
227
|
-
/**
|
|
228
|
-
* @return {?}
|
|
229
|
-
*/
|
|
230
|
-
ProgressBarComponent.prototype.ngAfterViewInit = function () {
|
|
231
|
-
this.context.ngAfterViewInit(this);
|
|
232
|
-
};
|
|
233
|
-
/**
|
|
234
|
-
* @return {?}
|
|
235
|
-
*/
|
|
236
|
-
ProgressBarComponent.prototype.ngOnDestroy = function () {
|
|
237
|
-
this.context.ngOnDestroy(this);
|
|
238
|
-
};
|
|
239
|
-
/**
|
|
240
|
-
* @return {?}
|
|
241
|
-
*/
|
|
242
|
-
ProgressBarComponent.prototype.ngAfterContentChecked = function () {
|
|
243
|
-
this.tagObjects[0].instance = this.childAnnotations;
|
|
244
|
-
if (this.childRangeColors) {
|
|
245
|
-
this.tagObjects[1].instance = /** @type {?} */ (this.childRangeColors);
|
|
246
|
-
}
|
|
247
|
-
this.context.ngAfterContentChecked(this);
|
|
248
|
-
};
|
|
249
|
-
return ProgressBarComponent;
|
|
250
|
-
}(ej2Progressbar.ProgressBar));
|
|
251
|
-
exports.ProgressBarComponent.decorators = [
|
|
252
|
-
{ type: core.Component, args: [{
|
|
253
|
-
selector: 'ejs-progressbar',
|
|
254
|
-
inputs: inputs,
|
|
255
|
-
outputs: outputs$2,
|
|
256
|
-
template: '',
|
|
257
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
258
|
-
queries: {
|
|
259
|
-
childAnnotations: new core.ContentChild(ProgressBarAnnotationsDirective),
|
|
260
|
-
childRangeColors: new core.ContentChild(RangeColorsDirective)
|
|
261
|
-
}
|
|
262
|
-
},] },
|
|
263
|
-
];
|
|
264
|
-
/**
|
|
265
|
-
* @nocollapse
|
|
266
|
-
*/
|
|
267
|
-
exports.ProgressBarComponent.ctorParameters = function () { return [
|
|
268
|
-
{ type: core.ElementRef, },
|
|
269
|
-
{ type: core.Renderer2, },
|
|
270
|
-
{ type: core.ViewContainerRef, },
|
|
271
|
-
{ type: core.Injector, },
|
|
272
|
-
]; };
|
|
273
|
-
exports.ProgressBarComponent = __decorate$1([
|
|
274
|
-
ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
|
|
275
|
-
__metadata$1("design:paramtypes", [core.ElementRef,
|
|
276
|
-
core.Renderer2,
|
|
277
|
-
core.ViewContainerRef,
|
|
278
|
-
core.Injector])
|
|
279
|
-
], exports.ProgressBarComponent);
|
|
280
|
-
/**
|
|
281
|
-
* NgModule definition for the ProgressBar component.
|
|
282
|
-
*/
|
|
283
|
-
var ProgressBarModule = /** @class */ (function () {
|
|
284
|
-
function ProgressBarModule() {
|
|
285
|
-
}
|
|
286
|
-
return ProgressBarModule;
|
|
287
|
-
}());
|
|
288
|
-
ProgressBarModule.decorators = [
|
|
289
|
-
{ type: core.NgModule, args: [{
|
|
290
|
-
imports: [common.CommonModule],
|
|
291
|
-
declarations: [
|
|
292
|
-
exports.ProgressBarComponent,
|
|
293
|
-
ProgressBarAnnotationDirective,
|
|
294
|
-
ProgressBarAnnotationsDirective,
|
|
295
|
-
RangeColorDirective,
|
|
296
|
-
RangeColorsDirective
|
|
297
|
-
],
|
|
298
|
-
exports: [
|
|
299
|
-
exports.ProgressBarComponent,
|
|
300
|
-
ProgressBarAnnotationDirective,
|
|
301
|
-
ProgressBarAnnotationsDirective,
|
|
302
|
-
RangeColorDirective,
|
|
303
|
-
RangeColorsDirective
|
|
304
|
-
]
|
|
305
|
-
},] },
|
|
306
|
-
];
|
|
307
|
-
/**
|
|
308
|
-
* @nocollapse
|
|
309
|
-
*/
|
|
310
|
-
ProgressBarModule.ctorParameters = function () { return []; };
|
|
311
|
-
var ProgressAnnotationService = { provide: 'ProgressBarProgressAnnotation', useValue: ej2Progressbar.ProgressAnnotation };
|
|
312
|
-
var ProgressTooltipService = { provide: 'ProgressBarProgressTooltip', useValue: ej2Progressbar.ProgressTooltip };
|
|
313
|
-
/**
|
|
314
|
-
* NgModule definition for the ProgressBar component with providers.
|
|
315
|
-
*/
|
|
316
|
-
var ProgressBarAllModule = /** @class */ (function () {
|
|
317
|
-
function ProgressBarAllModule() {
|
|
318
|
-
}
|
|
319
|
-
return ProgressBarAllModule;
|
|
320
|
-
}());
|
|
321
|
-
ProgressBarAllModule.decorators = [
|
|
322
|
-
{ type: core.NgModule, args: [{
|
|
323
|
-
imports: [common.CommonModule, ProgressBarModule],
|
|
324
|
-
exports: [
|
|
325
|
-
ProgressBarModule
|
|
326
|
-
],
|
|
327
|
-
providers: [
|
|
328
|
-
ProgressAnnotationService,
|
|
329
|
-
ProgressTooltipService
|
|
330
|
-
]
|
|
331
|
-
},] },
|
|
332
|
-
];
|
|
333
|
-
/**
|
|
334
|
-
* @nocollapse
|
|
335
|
-
*/
|
|
7
|
+
var __extends = (this && this.__extends) || (function () {
|
|
8
|
+
var extendStatics = Object.setPrototypeOf ||
|
|
9
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
10
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
11
|
+
return function (d, b) {
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
18
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
19
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
20
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
21
|
+
else
|
|
22
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
23
|
+
if (d = decorators[i])
|
|
24
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
25
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
26
|
+
};
|
|
27
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
28
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
29
|
+
return Reflect.metadata(k, v);
|
|
30
|
+
};
|
|
31
|
+
var input = ['annotationAngle', 'annotationRadius', 'content'];
|
|
32
|
+
var outputs = [];
|
|
33
|
+
/**
|
|
34
|
+
* ProgressBarAnnotations Directive
|
|
35
|
+
* ```html
|
|
36
|
+
* <e-progressbar-annotations>
|
|
37
|
+
* <e-progressbar-annotation></e-progressbar-annotation>
|
|
38
|
+
* </e-progressbar-annotations>
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
var ProgressBarAnnotationDirective = /** @class */ (function (_super) {
|
|
42
|
+
__extends(ProgressBarAnnotationDirective, _super);
|
|
43
|
+
/**
|
|
44
|
+
* @param {?} viewContainerRef
|
|
45
|
+
*/
|
|
46
|
+
function ProgressBarAnnotationDirective(viewContainerRef) {
|
|
47
|
+
var _this = _super.call(this) || this;
|
|
48
|
+
_this.viewContainerRef = viewContainerRef;
|
|
49
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
50
|
+
_this.registerEvents(outputs);
|
|
51
|
+
_this.directivePropList = input;
|
|
52
|
+
return _this;
|
|
53
|
+
}
|
|
54
|
+
return ProgressBarAnnotationDirective;
|
|
55
|
+
}(ej2AngularBase.ComplexBase));
|
|
56
|
+
ProgressBarAnnotationDirective.decorators = [
|
|
57
|
+
{ type: core.Directive, args: [{
|
|
58
|
+
selector: 'e-progressbar-annotations>e-progressbar-annotation',
|
|
59
|
+
inputs: input,
|
|
60
|
+
outputs: outputs,
|
|
61
|
+
queries: {}
|
|
62
|
+
},] },
|
|
63
|
+
];
|
|
64
|
+
/**
|
|
65
|
+
* @nocollapse
|
|
66
|
+
*/
|
|
67
|
+
ProgressBarAnnotationDirective.ctorParameters = function () { return [
|
|
68
|
+
{ type: core.ViewContainerRef, },
|
|
69
|
+
]; };
|
|
70
|
+
ProgressBarAnnotationDirective.propDecorators = {
|
|
71
|
+
'content': [{ type: core.ContentChild, args: ['content',] },],
|
|
72
|
+
};
|
|
73
|
+
__decorate([
|
|
74
|
+
ej2AngularBase.Template(),
|
|
75
|
+
__metadata("design:type", Object)
|
|
76
|
+
], ProgressBarAnnotationDirective.prototype, "content", void 0);
|
|
77
|
+
/**
|
|
78
|
+
* ProgressBarAnnotation Array Directive
|
|
79
|
+
*/
|
|
80
|
+
var ProgressBarAnnotationsDirective = /** @class */ (function (_super) {
|
|
81
|
+
__extends(ProgressBarAnnotationsDirective, _super);
|
|
82
|
+
function ProgressBarAnnotationsDirective() {
|
|
83
|
+
return _super.call(this, 'annotations') || this;
|
|
84
|
+
}
|
|
85
|
+
return ProgressBarAnnotationsDirective;
|
|
86
|
+
}(ej2AngularBase.ArrayBase));
|
|
87
|
+
ProgressBarAnnotationsDirective.decorators = [
|
|
88
|
+
{ type: core.Directive, args: [{
|
|
89
|
+
selector: 'ej-progressbar>e-progressbar-annotations',
|
|
90
|
+
queries: {
|
|
91
|
+
children: new core.ContentChildren(ProgressBarAnnotationDirective)
|
|
92
|
+
},
|
|
93
|
+
},] },
|
|
94
|
+
];
|
|
95
|
+
/**
|
|
96
|
+
* @nocollapse
|
|
97
|
+
*/
|
|
98
|
+
ProgressBarAnnotationsDirective.ctorParameters = function () { return []; };
|
|
99
|
+
var input$1 = ['color', 'end', 'start'];
|
|
100
|
+
var outputs$1 = [];
|
|
101
|
+
var RangeColorDirective = /** @class */ (function (_super) {
|
|
102
|
+
__extends(RangeColorDirective, _super);
|
|
103
|
+
/**
|
|
104
|
+
* @param {?} viewContainerRef
|
|
105
|
+
*/
|
|
106
|
+
function RangeColorDirective(viewContainerRef) {
|
|
107
|
+
var _this = _super.call(this) || this;
|
|
108
|
+
_this.viewContainerRef = viewContainerRef;
|
|
109
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
110
|
+
_this.registerEvents(outputs$1);
|
|
111
|
+
_this.directivePropList = input$1;
|
|
112
|
+
return _this;
|
|
113
|
+
}
|
|
114
|
+
return RangeColorDirective;
|
|
115
|
+
}(ej2AngularBase.ComplexBase));
|
|
116
|
+
RangeColorDirective.decorators = [
|
|
117
|
+
{ type: core.Directive, args: [{
|
|
118
|
+
selector: 'e-rangecolors>e-rangecolor',
|
|
119
|
+
inputs: input$1,
|
|
120
|
+
outputs: outputs$1,
|
|
121
|
+
queries: {}
|
|
122
|
+
},] },
|
|
123
|
+
];
|
|
124
|
+
/**
|
|
125
|
+
* @nocollapse
|
|
126
|
+
*/
|
|
127
|
+
RangeColorDirective.ctorParameters = function () { return [
|
|
128
|
+
{ type: core.ViewContainerRef, },
|
|
129
|
+
]; };
|
|
130
|
+
/**
|
|
131
|
+
* RangeColor Array Directive
|
|
132
|
+
*/
|
|
133
|
+
var RangeColorsDirective = /** @class */ (function (_super) {
|
|
134
|
+
__extends(RangeColorsDirective, _super);
|
|
135
|
+
function RangeColorsDirective() {
|
|
136
|
+
return _super.call(this, 'rangecolors') || this;
|
|
137
|
+
}
|
|
138
|
+
return RangeColorsDirective;
|
|
139
|
+
}(ej2AngularBase.ArrayBase));
|
|
140
|
+
RangeColorsDirective.decorators = [
|
|
141
|
+
{ type: core.Directive, args: [{
|
|
142
|
+
selector: 'ejs-progressbar>e-rangecolors',
|
|
143
|
+
queries: {
|
|
144
|
+
children: new core.ContentChildren(RangeColorDirective)
|
|
145
|
+
},
|
|
146
|
+
},] },
|
|
147
|
+
];
|
|
148
|
+
/**
|
|
149
|
+
* @nocollapse
|
|
150
|
+
*/
|
|
151
|
+
RangeColorsDirective.ctorParameters = function () { return []; };
|
|
152
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
153
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
154
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
155
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
156
|
+
else
|
|
157
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
158
|
+
if (d = decorators[i])
|
|
159
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
160
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
161
|
+
};
|
|
162
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
163
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
164
|
+
return Reflect.metadata(k, v);
|
|
165
|
+
};
|
|
166
|
+
var inputs = ['animation', 'annotations', 'cornerRadius', 'enablePersistence', 'enablePieProgress', 'enableProgressSegments', 'enableRtl', 'endAngle', 'gapWidth', 'height', 'innerRadius', 'isActive', 'isGradient', 'isIndeterminate', 'isStriped', 'labelOnTrack', 'labelStyle', 'locale', 'margin', 'maximum', 'minimum', 'progressColor', 'progressThickness', 'radius', 'rangeColors', 'role', 'secondaryProgress', 'secondaryProgressColor', 'secondaryProgressThickness', 'segmentColor', 'segmentCount', 'showProgressValue', 'startAngle', 'theme', 'tooltip', 'trackColor', 'trackThickness', 'type', 'value', 'width'];
|
|
167
|
+
var outputs$2 = ['animationComplete', 'load', 'loaded', 'mouseClick', 'mouseDown', 'mouseLeave', 'mouseMove', 'mouseUp', 'progressCompleted', 'textRender', 'tooltipRender', 'valueChanged'];
|
|
168
|
+
var twoWays = [''];
|
|
169
|
+
/**
|
|
170
|
+
* ProgressBar Component
|
|
171
|
+
* ```html
|
|
172
|
+
* <ejsprogressbar></ejsprogressbar>
|
|
173
|
+
* ```
|
|
174
|
+
*/
|
|
175
|
+
exports.ProgressBarComponent = /** @class */ (function (_super) {
|
|
176
|
+
__extends(ProgressBarComponent, _super);
|
|
177
|
+
/**
|
|
178
|
+
* @param {?} ngEle
|
|
179
|
+
* @param {?} srenderer
|
|
180
|
+
* @param {?} viewContainerRef
|
|
181
|
+
* @param {?} injector
|
|
182
|
+
*/
|
|
183
|
+
function ProgressBarComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
184
|
+
var _this = _super.call(this) || this;
|
|
185
|
+
_this.ngEle = ngEle;
|
|
186
|
+
_this.srenderer = srenderer;
|
|
187
|
+
_this.viewContainerRef = viewContainerRef;
|
|
188
|
+
_this.injector = injector;
|
|
189
|
+
_this.tags = ['annotations', 'rangeColors'];
|
|
190
|
+
_this.element = _this.ngEle.nativeElement;
|
|
191
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
192
|
+
try {
|
|
193
|
+
var mod = _this.injector.get('ProgressBarProgressAnnotation');
|
|
194
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
195
|
+
_this.injectedModules.push(mod);
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
catch (_a) { }
|
|
199
|
+
try {
|
|
200
|
+
var mod = _this.injector.get('ProgressBarProgressTooltip');
|
|
201
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
202
|
+
_this.injectedModules.push(mod);
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
catch (_b) { }
|
|
206
|
+
_this.registerEvents(outputs$2);
|
|
207
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
208
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
209
|
+
_this.context = new ej2AngularBase.ComponentBase();
|
|
210
|
+
return _this;
|
|
211
|
+
}
|
|
212
|
+
/**
|
|
213
|
+
* @return {?}
|
|
214
|
+
*/
|
|
215
|
+
ProgressBarComponent.prototype.ngOnInit = function () {
|
|
216
|
+
this.context.ngOnInit(this);
|
|
217
|
+
};
|
|
218
|
+
/**
|
|
219
|
+
* @return {?}
|
|
220
|
+
*/
|
|
221
|
+
ProgressBarComponent.prototype.ngAfterViewInit = function () {
|
|
222
|
+
this.context.ngAfterViewInit(this);
|
|
223
|
+
};
|
|
224
|
+
/**
|
|
225
|
+
* @return {?}
|
|
226
|
+
*/
|
|
227
|
+
ProgressBarComponent.prototype.ngOnDestroy = function () {
|
|
228
|
+
this.context.ngOnDestroy(this);
|
|
229
|
+
};
|
|
230
|
+
/**
|
|
231
|
+
* @return {?}
|
|
232
|
+
*/
|
|
233
|
+
ProgressBarComponent.prototype.ngAfterContentChecked = function () {
|
|
234
|
+
this.tagObjects[0].instance = this.childAnnotations;
|
|
235
|
+
if (this.childRangeColors) {
|
|
236
|
+
this.tagObjects[1].instance = /** @type {?} */ (this.childRangeColors);
|
|
237
|
+
}
|
|
238
|
+
this.context.ngAfterContentChecked(this);
|
|
239
|
+
};
|
|
240
|
+
return ProgressBarComponent;
|
|
241
|
+
}(ej2Progressbar.ProgressBar));
|
|
242
|
+
exports.ProgressBarComponent.decorators = [
|
|
243
|
+
{ type: core.Component, args: [{
|
|
244
|
+
selector: 'ejs-progressbar',
|
|
245
|
+
inputs: inputs,
|
|
246
|
+
outputs: outputs$2,
|
|
247
|
+
template: '',
|
|
248
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
249
|
+
queries: {
|
|
250
|
+
childAnnotations: new core.ContentChild(ProgressBarAnnotationsDirective),
|
|
251
|
+
childRangeColors: new core.ContentChild(RangeColorsDirective)
|
|
252
|
+
}
|
|
253
|
+
},] },
|
|
254
|
+
];
|
|
255
|
+
/**
|
|
256
|
+
* @nocollapse
|
|
257
|
+
*/
|
|
258
|
+
exports.ProgressBarComponent.ctorParameters = function () { return [
|
|
259
|
+
{ type: core.ElementRef, },
|
|
260
|
+
{ type: core.Renderer2, },
|
|
261
|
+
{ type: core.ViewContainerRef, },
|
|
262
|
+
{ type: core.Injector, },
|
|
263
|
+
]; };
|
|
264
|
+
exports.ProgressBarComponent = __decorate$1([
|
|
265
|
+
ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
|
|
266
|
+
__metadata$1("design:paramtypes", [core.ElementRef,
|
|
267
|
+
core.Renderer2,
|
|
268
|
+
core.ViewContainerRef,
|
|
269
|
+
core.Injector])
|
|
270
|
+
], exports.ProgressBarComponent);
|
|
271
|
+
/**
|
|
272
|
+
* NgModule definition for the ProgressBar component.
|
|
273
|
+
*/
|
|
274
|
+
var ProgressBarModule = /** @class */ (function () {
|
|
275
|
+
function ProgressBarModule() {
|
|
276
|
+
}
|
|
277
|
+
return ProgressBarModule;
|
|
278
|
+
}());
|
|
279
|
+
ProgressBarModule.decorators = [
|
|
280
|
+
{ type: core.NgModule, args: [{
|
|
281
|
+
imports: [common.CommonModule],
|
|
282
|
+
declarations: [
|
|
283
|
+
exports.ProgressBarComponent,
|
|
284
|
+
ProgressBarAnnotationDirective,
|
|
285
|
+
ProgressBarAnnotationsDirective,
|
|
286
|
+
RangeColorDirective,
|
|
287
|
+
RangeColorsDirective
|
|
288
|
+
],
|
|
289
|
+
exports: [
|
|
290
|
+
exports.ProgressBarComponent,
|
|
291
|
+
ProgressBarAnnotationDirective,
|
|
292
|
+
ProgressBarAnnotationsDirective,
|
|
293
|
+
RangeColorDirective,
|
|
294
|
+
RangeColorsDirective
|
|
295
|
+
]
|
|
296
|
+
},] },
|
|
297
|
+
];
|
|
298
|
+
/**
|
|
299
|
+
* @nocollapse
|
|
300
|
+
*/
|
|
301
|
+
ProgressBarModule.ctorParameters = function () { return []; };
|
|
302
|
+
var ProgressAnnotationService = { provide: 'ProgressBarProgressAnnotation', useValue: ej2Progressbar.ProgressAnnotation };
|
|
303
|
+
var ProgressTooltipService = { provide: 'ProgressBarProgressTooltip', useValue: ej2Progressbar.ProgressTooltip };
|
|
304
|
+
/**
|
|
305
|
+
* NgModule definition for the ProgressBar component with providers.
|
|
306
|
+
*/
|
|
307
|
+
var ProgressBarAllModule = /** @class */ (function () {
|
|
308
|
+
function ProgressBarAllModule() {
|
|
309
|
+
}
|
|
310
|
+
return ProgressBarAllModule;
|
|
311
|
+
}());
|
|
312
|
+
ProgressBarAllModule.decorators = [
|
|
313
|
+
{ type: core.NgModule, args: [{
|
|
314
|
+
imports: [common.CommonModule, ProgressBarModule],
|
|
315
|
+
exports: [
|
|
316
|
+
ProgressBarModule
|
|
317
|
+
],
|
|
318
|
+
providers: [
|
|
319
|
+
ProgressAnnotationService,
|
|
320
|
+
ProgressTooltipService
|
|
321
|
+
]
|
|
322
|
+
},] },
|
|
323
|
+
];
|
|
324
|
+
/**
|
|
325
|
+
* @nocollapse
|
|
326
|
+
*/
|
|
336
327
|
ProgressBarAllModule.ctorParameters = function () { return []; };
|
|
337
328
|
|
|
338
329
|
exports.ProgressBarAnnotationDirective = ProgressBarAnnotationDirective;
|