@syncfusion/ej2-angular-progressbar 24.2.3 → 24.2.5-ngcc

package/@syncfusion/ej2-angular-progressbar.js

@@ -0,0 +1,299 @@
+import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
+import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
+import { ProgressAnnotation, ProgressBar, ProgressTooltip } from '@syncfusion/ej2-progressbar';
+import { CommonModule } from '@angular/common';
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+let input = ['annotationAngle', 'annotationRadius', 'content'];
+let outputs = [];
+/**
+ * ProgressBarAnnotations Directive
+ * ```html
+ * <e-progressbar-annotations>
+ * <e-progressbar-annotation></e-progressbar-annotation>
+ * </e-progressbar-annotations>
+ * ```
+ */
+class ProgressBarAnnotationDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs);
+        this.directivePropList = input;
+    }
+}
+ProgressBarAnnotationDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-progressbar-annotations>e-progressbar-annotation',
+                inputs: input,
+                outputs: outputs,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ProgressBarAnnotationDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+ProgressBarAnnotationDirective.propDecorators = {
+    'content': [{ type: ContentChild, args: ['content',] },],
+};
+__decorate([
+    Template(),
+    __metadata("design:type", Object)
+], ProgressBarAnnotationDirective.prototype, "content", void 0);
+/**
+ * ProgressBarAnnotation Array Directive
+ */
+class ProgressBarAnnotationsDirective extends ArrayBase {
+    constructor() {
+        super('annotations');
+    }
+}
+ProgressBarAnnotationsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ej-progressbar>e-progressbar-annotations',
+                queries: {
+                    children: new ContentChildren(ProgressBarAnnotationDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ProgressBarAnnotationsDirective.ctorParameters = () => [];
+
+let input$1 = ['color', 'end', 'start'];
+let outputs$1 = [];
+class RangeColorDirective extends ComplexBase {
+    /**
+     * @param {?} viewContainerRef
+     */
+    constructor(viewContainerRef) {
+        super();
+        this.viewContainerRef = viewContainerRef;
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.registerEvents(outputs$1);
+        this.directivePropList = input$1;
+    }
+}
+RangeColorDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'e-rangecolors>e-rangecolor',
+                inputs: input$1,
+                outputs: outputs$1,
+                queries: {}
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RangeColorDirective.ctorParameters = () => [
+    { type: ViewContainerRef, },
+];
+/**
+ * RangeColor Array Directive
+ */
+class RangeColorsDirective extends ArrayBase {
+    constructor() {
+        super('rangecolors');
+    }
+}
+RangeColorsDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ejs-progressbar>e-rangecolors',
+                queries: {
+                    children: new ContentChildren(RangeColorDirective)
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+RangeColorsDirective.ctorParameters = () => [];
+
+var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$1 = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+const 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'];
+const outputs$2 = ['animationComplete', 'load', 'loaded', 'mouseClick', 'mouseDown', 'mouseLeave', 'mouseMove', 'mouseUp', 'progressCompleted', 'textRender', 'tooltipRender', 'valueChanged'];
+const twoWays = [''];
+/**
+ * ProgressBar Component
+ * ```html
+ * <ejsprogressbar></ejsprogressbar>
+ * ```
+ */
+let ProgressBarComponent = class ProgressBarComponent extends ProgressBar {
+    /**
+     * @param {?} ngEle
+     * @param {?} srenderer
+     * @param {?} viewContainerRef
+     * @param {?} injector
+     */
+    constructor(ngEle, srenderer, viewContainerRef, injector) {
+        super();
+        this.ngEle = ngEle;
+        this.srenderer = srenderer;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+        this.tags = ['annotations', 'rangeColors'];
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+        try {
+            let mod = this.injector.get('ProgressBarProgressAnnotation');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_a) { }
+        try {
+            let mod = this.injector.get('ProgressBarProgressTooltip');
+            if (this.injectedModules.indexOf(mod) === -1) {
+                this.injectedModules.push(mod);
+            }
+        }
+        catch (_b) { }
+        this.registerEvents(outputs$2);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.context = new ComponentBase();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.context.ngOnInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.context.ngAfterViewInit(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.context.ngOnDestroy(this);
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentChecked() {
+        this.tagObjects[0].instance = this.childAnnotations;
+        if (this.childRangeColors) {
+            this.tagObjects[1].instance = /** @type {?} */ (this.childRangeColors);
+        }
+        this.context.ngAfterContentChecked(this);
+    }
+};
+ProgressBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ejs-progressbar',
+                inputs: inputs,
+                outputs: outputs$2,
+                template: '',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                queries: {
+                    childAnnotations: new ContentChild(ProgressBarAnnotationsDirective),
+                    childRangeColors: new ContentChild(RangeColorsDirective)
+                }
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ProgressBarComponent.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: ViewContainerRef, },
+    { type: Injector, },
+];
+ProgressBarComponent = __decorate$1([
+    ComponentMixins([ComponentBase]),
+    __metadata$1("design:paramtypes", [ElementRef,
+        Renderer2,
+        ViewContainerRef,
+        Injector])
+], ProgressBarComponent);
+
+/**
+ * NgModule definition for the ProgressBar component.
+ */
+class ProgressBarModule {
+}
+ProgressBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [
+                    ProgressBarComponent,
+                    ProgressBarAnnotationDirective,
+                    ProgressBarAnnotationsDirective,
+                    RangeColorDirective,
+                    RangeColorsDirective
+                ],
+                exports: [
+                    ProgressBarComponent,
+                    ProgressBarAnnotationDirective,
+                    ProgressBarAnnotationsDirective,
+                    RangeColorDirective,
+                    RangeColorsDirective
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ProgressBarModule.ctorParameters = () => [];
+
+const ProgressAnnotationService = { provide: 'ProgressBarProgressAnnotation', useValue: ProgressAnnotation };
+const ProgressTooltipService = { provide: 'ProgressBarProgressTooltip', useValue: ProgressTooltip };
+/**
+ * NgModule definition for the ProgressBar component with providers.
+ */
+class ProgressBarAllModule {
+}
+ProgressBarAllModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ProgressBarModule],
+                exports: [
+                    ProgressBarModule
+                ],
+                providers: [
+                    ProgressAnnotationService,
+                    ProgressTooltipService
+                ]
+            },] },
+];
+/**
+ * @nocollapse
+ */
+ProgressBarAllModule.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBarAnnotationDirective, ProgressBarAnnotationsDirective, RangeColorDirective, RangeColorsDirective, ProgressBarComponent, ProgressBarModule, ProgressBarAllModule, ProgressAnnotationService, ProgressTooltipService, inputs as ɵa, outputs$2 as ɵb };
+export { ProgressBar, Margin, Font, Animation, ProgressAnnotationSettings, Border, TooltipSettings, RangeColor, ProgressAnnotation, ProgressTooltip, Rect, Size, Pos, RectOption, ColorValue, convertToHexCode, componentToHex, convertHexToColor, colorNameToHex, TextOption, degreeToLocation, getPathArc, stringToNumber, setAttributes, effect, annotationRender, getElement, removeElement, ProgressLocation, ProgressAnimation } from '@syncfusion/ej2-progressbar';
+//# sourceMappingURL=ej2-angular-progressbar.js.map

package/@syncfusion/ej2-angular-progressbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-angular-progressbar.js","sources":["~/@syncfusion/ej2-angular-progressbar/ej2-angular-progressbar.ts","~/@syncfusion/ej2-angular-progressbar/src/progressbar/progressbar-all.module.ts","~/@syncfusion/ej2-angular-progressbar/src/progressbar/progressbar.module.ts","~/@syncfusion/ej2-angular-progressbar/src/progressbar/progressbar.component.ts","~/@syncfusion/ej2-angular-progressbar/src/progressbar/rangecolors.directive.ts","~/@syncfusion/ej2-angular-progressbar/src/progressbar/annotations.directive.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ProgressBarAnnotationDirective,ProgressBarAnnotationsDirective,RangeColorDirective,RangeColorsDirective,ProgressBarComponent,ProgressBarModule,ProgressBarAllModule,ProgressAnnotationService,ProgressTooltipService,ProgressBar,ProgressBarModel,MarginModel,FontModel,AnimationModel,ProgressAnnotationSettingsModel,BorderModel,TooltipSettingsModel,RangeColorModel,ITooltipRenderEventArgs,IFontMapping,ILoadedEventArgs,ITextRenderEventArgs,IProgressValueEventArgs,IProgressResizeEventArgs,IProgressStyle,IProgressEventArgs,IAnnotationRenderEventArgs,LinearGradient,StopElement,IMouseEventArgs,Margin,Font,Animation,ProgressAnnotationSettings,Border,TooltipSettings,RangeColor,ProgressAnnotation,ProgressTooltip,ProgressType,CornerType,ProgressTheme,TextAlignmentType,ModeType,Rect,Size,Pos,RectOption,ColorValue,convertToHexCode,componentToHex,convertHexToColor,colorNameToHex,TextOption,degreeToLocation,getPathArc,stringToNumber,setAttributes,effect,annotationRender,getElement,removeElement,ProgressLocation,ProgressAnimation} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/progressbar/progressbar.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProgressBarAnnotationDirective, ProgressBarAnnotationsDirective } from './annotations.directive';\nimport { RangeColorDirective, RangeColorsDirective } from './rangecolors.directive';\nimport { ProgressBarComponent } from './progressbar.component';\nimport { ProgressBarModule } from './progressbar.module';\nimport {ProgressAnnotation, ProgressTooltip} from '@syncfusion/ej2-progressbar';\n\n\nexport const /** @type {?} */ ProgressAnnotationService: ValueProvider = { provide: 'ProgressBarProgressAnnotation', useValue: ProgressAnnotation};\nexport const /** @type {?} */ ProgressTooltipService: ValueProvider = { provide: 'ProgressBarProgressTooltip', useValue: ProgressTooltip};\n/**\n * NgModule definition for the ProgressBar component with providers.\n */\nexport class ProgressBarAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule, ProgressBarModule],\n    exports: [\n        ProgressBarModule\n    ],\n    providers:[\n        ProgressAnnotationService,\n        ProgressTooltipService\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ProgressBarAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nProgressBarAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nProgressBarAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProgressBarAnnotationDirective, ProgressBarAnnotationsDirective } from './annotations.directive';\nimport { RangeColorDirective, RangeColorsDirective } from './rangecolors.directive';\nimport { ProgressBarComponent } from './progressbar.component';\n/**\n * NgModule definition for the ProgressBar component.\n */\nexport class ProgressBarModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule],\n    declarations: [\n        ProgressBarComponent,\n        ProgressBarAnnotationDirective,\n        ProgressBarAnnotationsDirective,\n        RangeColorDirective,\n        RangeColorsDirective\n    ],\n    exports: [\n        ProgressBarComponent,\n        ProgressBarAnnotationDirective,\n        ProgressBarAnnotationsDirective,\n        RangeColorDirective,\n        RangeColorsDirective\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ProgressBarModule_tsickle_Closure_declarations() {\n/** @type {?} */\nProgressBarModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nProgressBarModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\n\nimport { ProgressBarAnnotationsDirective } from './annotations.directive';\nimport { RangeColorsDirective } from './rangecolors.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['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'];\nexport const /** @type {?} */ outputs: string[] = ['animationComplete','load','loaded','mouseClick','mouseDown','mouseLeave','mouseMove','mouseUp','progressCompleted','textRender','tooltipRender','valueChanged'];\nexport const /** @type {?} */ twoWays: string[] = [''];\n/**\n * ProgressBar Component\n * ```html\n * <ejsprogressbar></ejsprogressbar>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class ProgressBarComponent extends ProgressBar implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tanimationComplete: any;\n\tload: any;\n\tloaded: any;\n\tmouseClick: any;\n\tmouseDown: any;\n\tmouseLeave: any;\n\tmouseMove: any;\n\tmouseUp: any;\n\tprogressCompleted: any;\n\ttextRender: any;\n\ttooltipRender: any;\npublic valueChanged: any;\npublic childAnnotations: QueryList<ProgressBarAnnotationsDirective>;\npublic childRangeColors: QueryList<RangeColorsDirective>;\npublic tags: string[] = ['annotations', 'rangeColors'];\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n        try {\n                let mod = this.injector.get('ProgressBarProgressAnnotation');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('ProgressBarProgressTooltip');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.context  = new ComponentBase();\n    }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n        this.context.ngOnInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n        this.context.ngAfterViewInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n        this.context.ngOnDestroy(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childAnnotations;\n        if (this.childRangeColors) {\n                    this.tagObjects[1].instance = /** @type {?} */(( this.childRangeColors as any));\n                }\n        this.context.ngAfterContentChecked(this);\n    }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n    selector: 'ejs-progressbar',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    queries: {\n        childAnnotations: new ContentChild(ProgressBarAnnotationsDirective), \n        childRangeColors: new ContentChild(RangeColorsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\n}\n\nfunction ProgressBarComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nProgressBarComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nProgressBarComponent.ctorParameters;\n/** @type {?} */\nProgressBarComponent.prototype.context;\n/** @type {?} */\nProgressBarComponent.prototype.tagObjects;\n/** @type {?} */\nProgressBarComponent.prototype.animationComplete;\n/** @type {?} */\nProgressBarComponent.prototype.load;\n/** @type {?} */\nProgressBarComponent.prototype.loaded;\n/** @type {?} */\nProgressBarComponent.prototype.mouseClick;\n/** @type {?} */\nProgressBarComponent.prototype.mouseDown;\n/** @type {?} */\nProgressBarComponent.prototype.mouseLeave;\n/** @type {?} */\nProgressBarComponent.prototype.mouseMove;\n/** @type {?} */\nProgressBarComponent.prototype.mouseUp;\n/** @type {?} */\nProgressBarComponent.prototype.progressCompleted;\n/** @type {?} */\nProgressBarComponent.prototype.textRender;\n/** @type {?} */\nProgressBarComponent.prototype.tooltipRender;\n/** @type {?} */\nProgressBarComponent.prototype.valueChanged;\n/** @type {?} */\nProgressBarComponent.prototype.childAnnotations;\n/** @type {?} */\nProgressBarComponent.prototype.childRangeColors;\n/** @type {?} */\nProgressBarComponent.prototype.tags;\n/** @type {?} */\nProgressBarComponent.prototype.registerEvents;\n/** @type {?} */\nProgressBarComponent.prototype.addTwoWay;\n/** @type {?} */\nProgressBarComponent.prototype.ngEle;\n/** @type {?} */\nProgressBarComponent.prototype.srenderer;\n/** @type {?} */\nProgressBarComponent.prototype.viewContainerRef;\n/** @type {?} */\nProgressBarComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet /** @type {?} */ input: string[] = ['color', 'end', 'start'];\nlet /** @type {?} */ outputs: string[] = [];\nexport class RangeColorDirective extends ComplexBase<RangeColorDirective> {\npublic directivePropList: any;\n/**\n * color\n * \\@default null\n */\npublic color: any;\n/**\n * end\n * \\@default null\n */\npublic end: any;\n/**\n * start\n * \\@default null\n */\npublic start: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-rangecolors>e-rangecolor',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\n}\n\nfunction RangeColorDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRangeColorDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRangeColorDirective.ctorParameters;\n/** @type {?} */\nRangeColorDirective.prototype.directivePropList;\n/**\n * color\n * \\@default null\n * @type {?}\n */\nRangeColorDirective.prototype.color;\n/**\n * end\n * \\@default null\n * @type {?}\n */\nRangeColorDirective.prototype.end;\n/**\n * start\n * \\@default null\n * @type {?}\n */\nRangeColorDirective.prototype.start;\n/** @type {?} */\nRangeColorDirective.prototype.viewContainerRef;\n}\n\n/**\n * RangeColor Array Directive\n */\nexport class RangeColorsDirective extends ArrayBase<RangeColorsDirective> {\nconstructor() {\n        super('rangecolors');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-progressbar>e-rangecolors',\n    queries: {\n        children: new ContentChildren(RangeColorDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction RangeColorsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nRangeColorsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nRangeColorsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['annotationAngle', 'annotationRadius', 'content'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * ProgressBarAnnotations Directive\n * ```html\n * <e-progressbar-annotations>\n * <e-progressbar-annotation></e-progressbar-annotation>\n * </e-progressbar-annotations>\n * ```\n */\nexport class ProgressBarAnnotationDirective extends ComplexBase<ProgressBarAnnotationDirective> {\npublic directivePropList: any;\n/**\n * to move annotation\n * \\@default 0\n */\npublic annotationAngle: any;\n/**\n * to move annotation\n * \\@default '0%'\n */\npublic annotationRadius: any;\n/**\n * Content of the annotation, which accepts the id of the custom element.\n * \\@default null\n */\n@Template()\n    public content: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'e-progressbar-annotations>e-progressbar-annotation',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'content': [{ type: ContentChild, args: ['content', ] },],\n};\n}\n\nfunction ProgressBarAnnotationDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nProgressBarAnnotationDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nProgressBarAnnotationDirective.ctorParameters;\n/** @type {?} */\nProgressBarAnnotationDirective.propDecorators;\n/** @type {?} */\nProgressBarAnnotationDirective.prototype.directivePropList;\n/**\n * to move annotation\n * \\@default 0\n * @type {?}\n */\nProgressBarAnnotationDirective.prototype.annotationAngle;\n/**\n * to move annotation\n * \\@default '0%'\n * @type {?}\n */\nProgressBarAnnotationDirective.prototype.annotationRadius;\n/**\n * Content of the annotation, which accepts the id of the custom element.\n * \\@default null\n * @type {?}\n */\nProgressBarAnnotationDirective.prototype.content;\n/** @type {?} */\nProgressBarAnnotationDirective.prototype.viewContainerRef;\n}\n\n/**\n * ProgressBarAnnotation Array Directive\n */\nexport class ProgressBarAnnotationsDirective extends ArrayBase<ProgressBarAnnotationsDirective> {\nconstructor() {\n        super('annotations');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ej-progressbar>e-progressbar-annotations',\n    queries: {\n        children: new ContentChildren(ProgressBarAnnotationDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ProgressBarAnnotationsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nProgressBarAnnotationsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nProgressBarAnnotationsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":["__metadata","__decorate","outputs","input"],"mappings":"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"}

package/CHANGELOG.md

@@ -0,0 +1,143 @@
+# Changelog
+
+## [Unreleased]
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I548132` - Optimized the inline style of the progress bar.
+
+## 23.2.6 (2023-11-28)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I520806` - The progress bar now renders properly when it exceeds the `maximum` value.
+
+## 23.2.5 (2023-11-23)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I520853` - The circular progress bar now renders properly for all the values.
+
+## 23.1.38 (2023-09-26)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I501894` - Now, the linear progress bar label renders properly when the alignment is set to center.
+
+## 21.1.37 (2023-03-29)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#F180771` - The progress bar range color issue has been resolved.
+
+## 21.1.35 (2023-03-23)
+
+### ProgressBar
+
+#### New Features
+
+- `#I386691` - Provided support to display tooltips during initial load of progress bars and mouse hover with numeric or text values of the progress.
+- Provided support to customize the width and color of the secondary progress bar.
+
+## 20.4.38 (2022-12-21)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I420052` - Now progress bar API reference are refreshing properly.
+
+## 20.3.57 (2022-11-15)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I416343` - Now corner radius is applied when applying the range colors for Progress bar.
+
+## 20.3.56 (2022-11-08)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#I414756` - Now animation duration is working properly for indeterminate mode.
+
+## 19.1.54 (2021-03-30)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#F159325` - ProgressBar renders inside the Grid with out any console error.
+
+## 18.2.47 (2020-07-28)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#156094` - ShowProgressValue is now working properly on dynamic update.
+
+## 18.2.46 (2020-07-21)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- `#16027` - Progress bar not updating when initially having value null or zero issue fixed.
+
+## 18.2.45 (2020-07-14)
+
+### ProgressBar
+
+#### New Features
+
+- Provided support to indicate the active state of the progress.
+- Provided support for striped progress bar.
+- Provided support to place the labels at the center and far ends of the track.
+- Provided support to segment the progress of a task.
+- Provided support to indicate success, info, warning, and danger of using different colors.
+
+#### Bug Fixes
+
+- Progress bar label not render at end of the progress has been fixed.
+- SetAttribute of undefined issue raised when calling show() method has been fixed.
+
+## 18.2.44 (2020-07-07)
+
+### ProgressBar
+
+#### Bug Fixes
+
+- Progress bar label not render at end of the progress has been fixed.
+
+undefinedThe progress bar provides a customizable visual to indicate the progress of a task with different shape such as rectangle and circle.
+
+## 18.1.42 (2020-04-01)
+
+### ProgressBar
+
+ProgressBar control is used to visualize the changing status of an extended operation such as a download, file transfer, or installation. All Progress bar elements are rendered by using Scalable Vector Graphics (SVG).
+
+
+### Key features
+
+- Visualizes the progress in different shapes, such as rectangle and circle.
+- Customizes the ranges with different colors.
+- Customizes the progress and tracks thickness.
+- Displays the custom content at the center of the circular progress bar.
+- Visualizes the progress in segments.
+- Customizes the angle of the circular progress bar.
+
+