@syncfusion/ej2-vue-progressbar 19.3.53 → 19.4.53

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-progressbar@*",
-  "_id": "@syncfusion/ej2-vue-progressbar@18.3.0",
+  "_id": "@syncfusion/ej2-vue-progressbar@19.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-NYF+19WxIuHp/tDi6y8RmZ8LzJHVzZfxdXAMPQw+mtpGm9DfGtR8/d4H76y4r17HVHTC/cR5V0Xuc9YD8rJUEA==",
+  "_integrity": "sha512-75EWTS3D2BlnB5h9GFeWLuqT4T0qKDRW867/HbJXE/j4J5rw52St1tmdRNxbzXc78YraTdNHQRsil5mPEfNaBg==",
   "_location": "/@syncfusion/ej2-vue-progressbar",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-progressbar/-/ej2-vue-progressbar-18.3.0.tgz",
-  "_shasum": "8a7d42f0d22a82249a17381f661fc75964b20fbc",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-progressbar/-/ej2-vue-progressbar-19.4.52.tgz",
+  "_shasum": "0bcf99d35c597a9d99821ba405ae8f6544134707",
   "_spec": "@syncfusion/ej2-vue-progressbar@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.53",
-    "@syncfusion/ej2-progressbar": "19.3.53",
-    "@syncfusion/ej2-vue-base": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-progressbar": "19.4.53",
+    "@syncfusion/ej2-vue-base": "~19.4.53"
   },
   "deprecated": false,
   "description": "Essential JS 2 ProgressBar Component for Vue",
@@ -64,6 +64,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.3.53",
+  "version": "19.4.53",
   "sideEffects": false
 }

package/src/progressbar/progressbar.component.d.ts

@@ -23,7 +23,9 @@ export declare class ProgressBarComponent extends ComponentBase {
     };
     tagNameMapper: Object;
     isVue3: boolean;
+    templateCollection: any;
     constructor();
+    clearTemplate(templateNames?: string[]): any;
     setProperties(prop: any, muteOnChange: boolean): void;
     render(createElement: any): any;
     calculateProgressRange(value: number, minimum?: number, maximum?: number): number;

package/src/progressbar/progressbar.component.js

@@ -18,11 +18,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { ProgressBar } from '@syncfusion/ej2-progressbar';
 import { ProgressBarAnnotationsDirective, ProgressBarAnnotationDirective, ProgressBarAnnotationsPlugin, ProgressBarAnnotationPlugin } from './annotations.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['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', 'segmentColor', 'segmentCount', 'showProgressValue', 'startAngle', 'theme', 'trackColor', 'trackThickness', 'type', 'value', 'width', 'animationComplete', 'load', 'loaded', 'mouseClick', 'mouseDown', 'mouseLeave', 'mouseMove', 'mouseUp', 'progressCompleted', 'textRender', 'valueChanged'];
+export var properties = ['isLazyUpdate', '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', 'segmentColor', 'segmentCount', 'showProgressValue', 'startAngle', 'theme', 'trackColor', 'trackThickness', 'type', 'value', 'width', 'animationComplete', 'load', 'loaded', 'mouseClick', 'mouseDown', 'mouseLeave', 'mouseMove', 'mouseUp', 'progressCompleted', 'textRender', 'valueChanged'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -55,8 +55,33 @@ var ProgressBarComponent = /** @class */ (function (_super) {
         _this.bindProperties();
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
         return _this;
     }
+    ProgressBarComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
     ProgressBarComponent.prototype.setProperties = function (prop, muteOnChange) {
         var _this = this;
         if (this.isVue3) {
@@ -74,6 +99,7 @@ var ProgressBarComponent = /** @class */ (function (_super) {
                         }
                         else {
                             _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
                         }
                     }
                 });