@syncfusion/ej2-react-progressbar 20.4.42 → 21.1.35

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 ## [Unreleased]
 
+### 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

package/diConfig.json

@@ -40,7 +40,8 @@
     },
     "eventInterfaces": [
         "ILoadedEventArgs",
-        "IAnnotationRenderEventArgs"
+        "IAnnotationRenderEventArgs",
+        "ITooltipRenderEventArgs"
     ],
     "components": [
         {
@@ -79,11 +80,15 @@
                 " */"
             ],
             "dynamicModules": [
-                "ProgressAnnotation"
+                "ProgressAnnotation",
+                "ProgressTooltip"
             ],
             "diModuleFiles": [
                 {
                     "filename": "progress-annotation"
+                },
+                {
+                    "fileName": "progress-tooltip"
                 }
             ],
             "complexDirective": [
@@ -98,6 +103,32 @@
                 {
                     "propertyName": "labelStyle",
                     "baseClass": "Font"
+                },
+                {
+                    "propertyName": "rangeColors",
+                    "baseClass": "RangeColor"
+                },
+                {
+                    "propertyName": "tooltip",
+                    "baseClass": "TooltipSettings",
+                    "SelectorName": "e-progressbar-tooltipsettings",
+                    "aspSelectorName": "e-progressbar-tooltipsettings",
+                    "complexDirective": [
+                        {
+                            "propertyName": "textStyle",
+                            "baseClass": "Font",
+                            "isCommon": "true",
+                            "blazorClassName": "ProgressBarTooltipTextStyle",
+                            "blazorCommonClassName": "ProgressBarCommonFont"
+                        },
+                        {
+                            "propertyName": "border",
+                            "baseClass": "Border",
+                            "isCommon": "true",
+                            "blazorClassName" : "ProgressBarTooltipBorder",
+                            "blazorCommonClassName" : "ProgressBarCommonBorder"
+                        }
+                    ]                
                 }
             ],
             "tagDirective": [

package/dist/ej2-react-progressbar.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-progressbar.min.js
-*  version : 20.4.42
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionProgressbar"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionProgressbar","React"],n):"object"==typeof exports?exports.SyncfusionReactProgressbar=n(require("SyncfusionReactBase"),require("SyncfusionProgressbar"),require("React")):t.SyncfusionReactProgressbar=n(t.SyncfusionReactBase,t.SyncfusionProgressbar,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=3)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n,e){"use strict";var r=e(4);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(5);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(2);e.d(n,"ProgressBarAnnotationDirective",function(){return r.a}),e.d(n,"ProgressBarAnnotationsDirective",function(){return r.b}),e.d(n,"ProgressBarComponent",function(){return r.c});var o=e(0);e.n(o);e.o(o,"Inject")&&e.d(n,"Inject",function(){return o.Inject});var i=e(1);e.n(i);for(var s in i)["ProgressBarAnnotationDirective","ProgressBarAnnotationsDirective","ProgressBarComponent","Inject","default"].indexOf(s)<0&&function(t){e.d(n,t,function(){return i[t]})}(s)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return s});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="progressBarAnnotation",n}(r.ComplexBase),s=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="annotations",n.moduleName="progressBarAnnotations",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return u});var r=e(6),o=(e.n(r),e(1)),i=(e.n(o),e(0)),s=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),u=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={progressBarAnnotations:"progressBarAnnotation"},e.immediateRender=!1,e.portals=[],e}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.ProgressBar);e.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,n){t.exports=e}])});
+!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionProgressbar"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionProgressbar","React"],n):"object"==typeof exports?exports.SyncfusionReactProgressbar=n(require("SyncfusionReactBase"),require("SyncfusionProgressbar"),require("React")):t.SyncfusionReactProgressbar=n(t.SyncfusionReactBase,t.SyncfusionProgressbar,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=3)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n,e){"use strict";var r=e(4);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(5);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(2);e.d(n,"ProgressBarAnnotationDirective",function(){return r.a}),e.d(n,"ProgressBarAnnotationsDirective",function(){return r.b}),e.d(n,"ProgressBarComponent",function(){return r.c});var o=e(0);e.n(o);e.o(o,"Inject")&&e.d(n,"Inject",function(){return o.Inject});var i=e(1);e.n(i);for(var s in i)["ProgressBarAnnotationDirective","ProgressBarAnnotationsDirective","ProgressBarComponent","Inject","default"].indexOf(s)<0&&function(t){e.d(n,t,function(){return i[t]})}(s)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return s});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="progressBarAnnotation",n}(r.ComplexBase),s=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="annotations",n.moduleName="progressBarAnnotations",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return u});var r=e(6),o=(e.n(r),e(1)),i=(e.n(o),e(0)),s=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),u=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={progressBarAnnotations:"progressBarAnnotation"},e.statelessTemplateProps=null,e.immediateRender=!1,e.portals=[],e}return s(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.ProgressBar);e.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,n){t.exports=e}])});

package/dist/ej2-react-progressbar.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-progressbar.umd.min.js
-*  version : 20.4.42
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-progressbar")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-progressbar"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Progressbar)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="progressBarAnnotation",t}(t.ComplexBase),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="annotations",t.moduleName="progressBarAnnotations",t}(t.ComplexBase),a=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={progressBarAnnotations:"progressBarAnnotation"},n.immediateRender=!1,n.portals=[],n}return a(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.ProgressBar);t.applyMixins(c,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ProgressBarAnnotationDirective=i,e.ProgressBarAnnotationsDirective=s,e.ProgressBarComponent=c,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-progressbar")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-progressbar"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Progressbar)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="progressBarAnnotation",t}(t.ComplexBase),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="annotations",t.moduleName="progressBarAnnotations",t}(t.ComplexBase),a=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={progressBarAnnotations:"progressBarAnnotation"},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return a(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.ProgressBar);t.applyMixins(c,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ProgressBarAnnotationDirective=i,e.ProgressBarAnnotationsDirective=s,e.ProgressBarComponent=c,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-progressbar.umd.min.js.map

package/dist/ej2-react-progressbar.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-progressbar.umd.min.js","sources":["../src/progressbar/annotations-directive.js","../src/progressbar/progressbar.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ProgressBarAnnotationsDirective` directive represent a annotation of the react progressbar.\n * ```tsx\n * <progressbarComponent>\n * <ProgressBarAnnotationsDirective>\n * <ProgressBarAnnotationDirective></ProgressBarAnnotationDirective>\n * </ProgressBarAnnotationsDirective>\n * </progressbarComponent>\n * ```\n */\nvar ProgressBarAnnotationDirective = /** @class */ (function (_super) {\n    __extends(ProgressBarAnnotationDirective, _super);\n    function ProgressBarAnnotationDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ProgressBarAnnotationDirective.moduleName = 'progressBarAnnotation';\n    return ProgressBarAnnotationDirective;\n}(ComplexBase));\nexport { ProgressBarAnnotationDirective };\nvar ProgressBarAnnotationsDirective = /** @class */ (function (_super) {\n    __extends(ProgressBarAnnotationsDirective, _super);\n    function ProgressBarAnnotationsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ProgressBarAnnotationsDirective.propertyName = 'annotations';\n    ProgressBarAnnotationsDirective.moduleName = 'progressBarAnnotations';\n    return ProgressBarAnnotationsDirective;\n}(ComplexBase));\nexport { ProgressBarAnnotationsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react ProgressBar Component\n * ```tsx\n * <ProgressBarComponent></ProgressBarComponent>\n * ```\n */\nvar ProgressBarComponent = /** @class */ (function (_super) {\n    __extends(ProgressBarComponent, _super);\n    function ProgressBarComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    ProgressBarComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return ProgressBarComponent;\n}(ProgressBar));\nexport { ProgressBarComponent };\napplyMixins(ProgressBarComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ProgressBarAnnotationDirective","_super","apply","arguments","moduleName","ComplexBase","ProgressBarAnnotationsDirective","propertyName","ProgressBarComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","progressBarAnnotations","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","ProgressBar","ej2ReactBase","ComponentBase","React.Component"],"mappings":"oYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAwBxCK,EAAgD,SAAUC,GAE1D,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAgCC,GAI1CD,EAA+BI,WAAa,wBACrCJ,GACTK,eAEEC,EAAiD,SAAUL,GAE3D,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAiCL,GAI3CK,EAAgCC,aAAe,cAC/CD,EAAgCF,WAAa,yBACtCE,GACTD,eCzCEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAsC,SAAUP,GAEhD,SAASO,EAAqBC,GAC1B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAMxC,OALAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,uBAA0B,yBAClDL,EAAMM,iBAAkB,EACxBN,EAAMO,WACCP,EAWX,OAnBAzB,EAAUuB,EAAsBP,GAUhCO,EAAqBV,UAAUoB,OAAS,WACpC,KAAMtB,KAAKuB,UAAYvB,KAAKgB,kBAAqBhB,KAAKwB,aAAgBxB,KAAKyB,oBAKvE,OAAOC,gBAAoB,MAAO1B,KAAK2B,0BAA2BC,OAAO5B,KAAKa,MAAMgB,SAAU7B,KAAKqB,UAJnGhB,EAAOH,UAAUoB,OAAOP,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACTkB,eACFC,cACYnB,GAAuBoB,gBAAeC"}
+{"version":3,"file":"ej2-react-progressbar.umd.min.js","sources":["../src/progressbar/annotations-directive.js","../src/progressbar/progressbar.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ProgressBarAnnotationsDirective` directive represent a annotation of the react progressbar.\n * ```tsx\n * <progressbarComponent>\n * <ProgressBarAnnotationsDirective>\n * <ProgressBarAnnotationDirective></ProgressBarAnnotationDirective>\n * </ProgressBarAnnotationsDirective>\n * </progressbarComponent>\n * ```\n */\nvar ProgressBarAnnotationDirective = /** @class */ (function (_super) {\n    __extends(ProgressBarAnnotationDirective, _super);\n    function ProgressBarAnnotationDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ProgressBarAnnotationDirective.moduleName = 'progressBarAnnotation';\n    return ProgressBarAnnotationDirective;\n}(ComplexBase));\nexport { ProgressBarAnnotationDirective };\nvar ProgressBarAnnotationsDirective = /** @class */ (function (_super) {\n    __extends(ProgressBarAnnotationsDirective, _super);\n    function ProgressBarAnnotationsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ProgressBarAnnotationsDirective.propertyName = 'annotations';\n    ProgressBarAnnotationsDirective.moduleName = 'progressBarAnnotations';\n    return ProgressBarAnnotationsDirective;\n}(ComplexBase));\nexport { ProgressBarAnnotationsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react ProgressBar Component\n * ```tsx\n * <ProgressBarComponent></ProgressBarComponent>\n * ```\n */\nvar ProgressBarComponent = /** @class */ (function (_super) {\n    __extends(ProgressBarComponent, _super);\n    function ProgressBarComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };\n        _this.statelessTemplateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    ProgressBarComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return ProgressBarComponent;\n}(ProgressBar));\nexport { ProgressBarComponent };\napplyMixins(ProgressBarComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ProgressBarAnnotationDirective","_super","apply","arguments","moduleName","ComplexBase","ProgressBarAnnotationsDirective","propertyName","ProgressBarComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","progressBarAnnotations","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","ProgressBar","ej2ReactBase","ComponentBase","React.Component"],"mappings":"oYAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAwBxCK,EAAgD,SAAUC,GAE1D,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUe,EAAgCC,GAI1CD,EAA+BI,WAAa,wBACrCJ,GACTK,eAEEC,EAAiD,SAAUL,GAE3D,SAASK,IACL,OAAkB,OAAXL,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUqB,EAAiCL,GAI3CK,EAAgCC,aAAe,cAC/CD,EAAgCF,WAAa,yBACtCE,GACTD,eCzCEpB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCa,EAAsC,SAAUP,GAEhD,SAASO,EAAqBC,GAC1B,IAAIC,EAAQT,EAAOU,KAAKf,KAAMa,IAAUb,KAOxC,OANAc,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,uBAA0B,yBAClDL,EAAMM,uBAAyB,KAC/BN,EAAMO,iBAAkB,EACxBP,EAAMQ,WACCR,EAWX,OApBAzB,EAAUuB,EAAsBP,GAWhCO,EAAqBV,UAAUqB,OAAS,WACpC,KAAMvB,KAAKwB,UAAYxB,KAAKgB,kBAAqBhB,KAAKyB,aAAgBzB,KAAK0B,oBAKvE,OAAOC,gBAAoB,MAAO3B,KAAK4B,0BAA2BC,OAAO7B,KAAKa,MAAMiB,SAAU9B,KAAKsB,UAJnGjB,EAAOH,UAAUqB,OAAOR,KAAKf,MAC7BA,KAAKgB,kBAAmB,GAMzBJ,GACTmB,eACFC,cACYpB,GAAuBqB,gBAAeC"}

package/dist/es6/ej2-react-progressbar.es2015.js

@@ -32,6 +32,7 @@ class ProgressBarComponent extends ProgressBar {
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
         this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };
+        this.statelessTemplateProps = null;
         this.immediateRender = false;
         this.portals = [];
     }

package/dist/es6/ej2-react-progressbar.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-progressbar.es2015.js","sources":["../src/es6/progressbar/annotations-directive.js","../src/es6/progressbar/progressbar.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ProgressBarAnnotationsDirective` directive represent a annotation of the react progressbar.\n * ```tsx\n * <progressbarComponent>\n * <ProgressBarAnnotationsDirective>\n * <ProgressBarAnnotationDirective></ProgressBarAnnotationDirective>\n * </ProgressBarAnnotationsDirective>\n * </progressbarComponent>\n * ```\n */\nexport class ProgressBarAnnotationDirective extends ComplexBase {\n}\nProgressBarAnnotationDirective.moduleName = 'progressBarAnnotation';\nexport class ProgressBarAnnotationsDirective extends ComplexBase {\n}\nProgressBarAnnotationsDirective.propertyName = 'annotations';\nProgressBarAnnotationsDirective.moduleName = 'progressBarAnnotations';\n","import * as React from 'react';\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react ProgressBar Component\n * ```tsx\n * <ProgressBarComponent></ProgressBarComponent>\n * ```\n */\nexport class ProgressBarComponent extends ProgressBar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ProgressBarComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;AAUA,AAAO,MAAM,8BAA8B,SAAS,WAAW,CAAC;CAC/D;AACD,8BAA8B,CAAC,UAAU,GAAG,uBAAuB,CAAC;AACpE,AAAO,MAAM,+BAA+B,SAAS,WAAW,CAAC;CAChE;AACD,+BAA+B,CAAC,YAAY,GAAG,aAAa,CAAC;AAC7D,+BAA+B,CAAC,UAAU,GAAG,wBAAwB,CAAC;;ACdtE;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,CAAC;QAC3E,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-progressbar.es2015.js","sources":["../src/es6/progressbar/annotations-directive.js","../src/es6/progressbar/progressbar.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ProgressBarAnnotationsDirective` directive represent a annotation of the react progressbar.\n * ```tsx\n * <progressbarComponent>\n * <ProgressBarAnnotationsDirective>\n * <ProgressBarAnnotationDirective></ProgressBarAnnotationDirective>\n * </ProgressBarAnnotationsDirective>\n * </progressbarComponent>\n * ```\n */\nexport class ProgressBarAnnotationDirective extends ComplexBase {\n}\nProgressBarAnnotationDirective.moduleName = 'progressBarAnnotation';\nexport class ProgressBarAnnotationsDirective extends ComplexBase {\n}\nProgressBarAnnotationsDirective.propertyName = 'annotations';\nProgressBarAnnotationsDirective.moduleName = 'progressBarAnnotations';\n","import * as React from 'react';\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react ProgressBar Component\n * ```tsx\n * <ProgressBarComponent></ProgressBarComponent>\n * ```\n */\nexport class ProgressBarComponent extends ProgressBar {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };\n        this.statelessTemplateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(ProgressBarComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;AAUA,AAAO,MAAM,8BAA8B,SAAS,WAAW,CAAC;CAC/D;AACD,8BAA8B,CAAC,UAAU,GAAG,uBAAuB,CAAC;AACpE,AAAO,MAAM,+BAA+B,SAAS,WAAW,CAAC;CAChE;AACD,+BAA+B,CAAC,YAAY,GAAG,aAAa,CAAC;AAC7D,+BAA+B,CAAC,UAAU,GAAG,wBAAwB,CAAC;;ACdtE;;;;;;AAMA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;IAClD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,CAAC;QAC3E,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-progressbar@*",
-  "_id": "@syncfusion/ej2-react-progressbar@20.4.40",
+  "_id": "@syncfusion/ej2-react-progressbar@18.15.2",
   "_inBundle": false,
-  "_integrity": "sha512-N9vyAbRMC96PIEvisXUbn7+xvl3MdMsdLqo7/gENycydPzGnVT2CLIzPkDgGIcw/oL2J8BEewpRZK2ey8wHy8g==",
+  "_integrity": "sha512-aQT7I3AIC/QLcxjGXY9uVXxdGcOnlV04yuWbBAI0PfLwusGcmz1XqI34FhpvLC66DF6ls7S+o0Mo7zlnYqe4Fw==",
   "_location": "/@syncfusion/ej2-react-progressbar",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-progressbar/-/ej2-react-progressbar-20.4.40.tgz",
-  "_shasum": "d7c5e11bcbf2e4c15e56d717ab50dbc7a5433e6b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-progressbar/-/ej2-react-progressbar-18.15.2.tgz",
+  "_shasum": "250a212599fbe7c6d173fd2d95c537780effb3a1",
   "_spec": "@syncfusion/ej2-react-progressbar@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-progressbar": "20.4.42",
-    "@syncfusion/ej2-react-base": "~20.4.42"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-progressbar": "21.1.35",
+    "@syncfusion/ej2-react-base": "~21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 ProgressBar Component for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.42",
+  "version": "21.1.35",
   "sideEffects": false
 }

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

@@ -18,6 +18,7 @@ export declare class ProgressBarComponent extends ProgressBar {
     directivekeys: {
         [key: string]: Object;
     };
+    private statelessTemplateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/progressbar/progressbar.component.js

@@ -27,6 +27,7 @@ var ProgressBarComponent = /** @class */ (function (_super) {
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
         _this.directivekeys = { 'progressBarAnnotations': 'progressBarAnnotation' };
+        _this.statelessTemplateProps = null;
         _this.immediateRender = false;
         _this.portals = [];
         return _this;