@syncfusion/ej2-inputs 20.4.40 → 20.4.48

package/dist/es6/ej2-inputs.es5.js

@@ -8454,13 +8454,6 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Uploader.prototype.setCSSClass = function (oldCSSClass) {
-        var updatedCssClassValue = this.cssClass;
-        if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
-            updatedCssClassValue = (this.cssClass.replace(/\s+/g, ' ')).trim();
-        }
-        if (!isNullOrUndefined(this.cssClass) && updatedCssClassValue !== '') {
-            addClass([this.uploadWrapper], updatedCssClassValue.split(updatedCssClassValue.indexOf(',') > -1 ? ',' : ' '));
-        }
         var updatedOldCssClass = oldCSSClass;
         if (!isNullOrUndefined(oldCSSClass)) {
             updatedOldCssClass = (oldCSSClass.replace(/\s+/g, ' ')).trim();
@@ -8468,6 +8461,13 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(oldCSSClass) && updatedOldCssClass !== '') {
             removeClass([this.uploadWrapper], updatedOldCssClass.split(' '));
         }
+        var updatedCssClassValue = this.cssClass;
+        if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
+            updatedCssClassValue = (this.cssClass.replace(/\s+/g, ' ')).trim();
+        }
+        if (!isNullOrUndefined(this.cssClass) && updatedCssClassValue !== '') {
+            addClass([this.uploadWrapper], updatedCssClassValue.split(updatedCssClassValue.indexOf(',') > -1 ? ',' : ' '));
+        }
     };
     Uploader.prototype.wireEvents = function () {
         EventHandler.add(this.browseButton, 'click', this.browseButtonClick, this);
@@ -11058,7 +11058,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
         var files = this.getFiles(fileData);
         for (var i = 0; i < files.length; i++) {
             if (files[i].statusCode === '5' || files[i].statusCode === '0') {
-                if (this.asyncSettings.chunkSize > 0) {
+                if (this.asyncSettings.chunkSize > 0 && this.getCurrentMetaData(files[i], null)) {
                     this.retryUpload(this.getCurrentMetaData(files[i], null), fromcanceledStage);
                 }
                 else {
@@ -14556,6 +14556,7 @@ var SignatureBase = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}.
      */
     SignatureBase.prototype.draw = function (text, fontFamily, fontSize) {
+        var args = { actionName: 'draw-text' };
         this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
         fontFamily = fontFamily || 'Arial';
         fontSize = fontSize || 30;
@@ -14565,6 +14566,7 @@ var SignatureBase = /** @__PURE__ @class */ (function (_super) {
         this.canvasContext.fillText(text, this.element.width / 2, this.element.height / 2);
         this.updateSnapCollection();
         this.isSignatureEmpty = false;
+        this.trigger('change', args);
     };
     /**
      * To load the signature with the given base 64 string, height and width.
@@ -15061,49 +15063,64 @@ var EMPTYTEMPLATE = 'e-rating-empty';
 var SELECTEDVALUE = 'e-selected-value';
 var RATINGVALUE = '--rating-value';
 /**
- * Defines the position of the label in the rating.
+ * Defines where to position the label in rating
  */
 var LabelPosition;
 (function (LabelPosition) {
     /**
-     * Shows the label above the rating.
+     * The label is positioned at the top center of the rating component.
      */
     LabelPosition["Top"] = "Top";
     /**
-     * Shows the label below the rating.
+     * The label is positioned at the bottom center of the rating component.
      */
     LabelPosition["Bottom"] = "Bottom";
     /**
-     * Shows the label to the left of rating.
+     * The label is positioned at the left side of the rating component.
      */
     LabelPosition["Left"] = "Left";
     /**
-     * Shows the label to the right of rating.
+     * The label is positioned at the right side of the rating component.
      */
     LabelPosition["Right"] = "Right";
 })(LabelPosition || (LabelPosition = {}));
 /**
- * Defines the minimum increase in the value in Rating Control.
+ * Defines the precision type of the rating.
+ * It is used to component the granularity of the rating, allowing users to provide ratings with varying levels of precision.
  */
 var PrecisionType;
 (function (PrecisionType) {
     /**
-     * Process the value as whole numbers.
+     * The rating is increased in whole number increments.
      */
     PrecisionType["Full"] = "Full";
     /**
-     * Process the value in terms of 0.5 (half).
+     * The rating is increased in increments of 0.5 (half).
      */
     PrecisionType["Half"] = "Half";
     /**
-     * Process the value in terms of 0.25 (quarter).
+     * The rating is increased in increments of 0.25 (quarter).
      */
     PrecisionType["Quarter"] = "Quarter";
     /**
-     * Process the value in terms of 0.1.
+     * The rating is increased in increments of 0.1.
      */
     PrecisionType["Exact"] = "Exact";
 })(PrecisionType || (PrecisionType = {}));
+/**
+ * The Rating component allows the user to rate something by clicking on a set of symbols on a numeric scale.
+ * This allows users to provide feedback or ratings for products, services, or content.
+ *
+ * ```html
+ * <input id="rating">
+ * ```
+ * ```typescript
+ * <script>
+ *   let ratingObj: Rating = new Rating();
+ *   ratingObj.appendTo('#rating');
+ * </script>
+ * ```
+ */
 var Rating = /** @__PURE__ @class */ (function (_super) {
     __extends$9(Rating, _super);
     /**
@@ -15182,7 +15199,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
         attributes(this.ratingItemList, { 'aria-label': 'rating', 'role': 'slider' });
         this.wrapper.appendChild(this.ratingItemList);
         EventHandler.add(this.ratingItemList, 'touchmove', function (e) { return _this.touchMoveHandler(e); }, this);
-        EventHandler.add(this.ratingItemList, 'touchend', this.touchEndHandler, this);
+        EventHandler.add(this.ratingItemList, Browser.touchEndEvent, this.touchEndHandler, this);
     };
     Rating.prototype.touchMoveHandler = function (e) {
         var rect = this.ratingItemList.getBoundingClientRect();
@@ -15268,9 +15285,9 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
         if (this.showTooltip) {
             this.tooltipObj = new Tooltip({
                 target: '.e-rating-item-container', windowCollision: true,
-                opensOn: 'Custom', cssClass: 'e-rating-tooltip'
+                opensOn: 'Custom', cssClass: this.cssClass ? ('e-rating-tooltip ' + this.cssClass) : 'e-rating-tooltip'
             });
-            this.tooltipObj.appendTo('#' + this.ratingItemList.id);
+            this.tooltipObj.appendTo(this.ratingItemList);
         }
         else {
             if (!isNullOrUndefined(this.tooltipObj)) {
@@ -15299,14 +15316,14 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
             currentValue = 0;
         }
         else {
-            currentValue = (this.precision === PrecisionType.Full) ? Math.round(currentValue) :
+            currentValue = ((this.precision === PrecisionType.Full) || this.enableSingleSelection) ? Math.round(currentValue) :
                 (this.precision === PrecisionType.Half) ? (Math.round(currentValue * 2) / 2) :
                     (this.precision === PrecisionType.Quarter) ? (Math.round(currentValue * 4) / 4) : (Math.round(currentValue * 10) / 10);
         }
         return currentValue;
     };
     Rating.prototype.getRatingValue = function (value, i) {
-        return (this.enableSingleSelection && this.precision === PrecisionType.Full) ? ((value === i + 1) ? 1 : 0) :
+        return (this.enableSingleSelection) ? (((value > i) && (value <= i + 1)) ? 1 : 0) :
             (value >= i + 1) ? 1 : ((value < i) ? 0 : (value - i));
     };
     Rating.prototype.updateItemValue = function () {
@@ -15461,6 +15478,12 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
             this.updateResetButton();
         }
     };
+    Rating.prototype.updateValueChange = function (e, val, isInteracted) {
+        if (isInteracted === void 0) { isInteracted = true; }
+        this.triggerChange(e, val, isInteracted);
+        this.updateItemValue();
+        this.updateLabel();
+    };
     Rating.prototype.triggerChange = function (e, val, isInteracted) {
         if (isInteracted === void 0) { isInteracted = true; }
         val = this.validateValue(val);
@@ -15515,7 +15538,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
     };
     Rating.prototype.calculateCurrentValue = function (index, args) {
         var currentValue = index;
-        if (this.precision !== PrecisionType.Full) {
+        if (!(this.enableSingleSelection || (this.precision === PrecisionType.Full))) {
             currentValue = args.offsetX / this.itemElements[index - 1].clientWidth;
             currentValue = (this.enableRtl) ? (1 - currentValue) : currentValue;
             if (this.precision === PrecisionType.Quarter) {
@@ -15538,9 +15561,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
     };
     Rating.prototype.resetClicked = function (e, isInteracted) {
         if (isInteracted === void 0) { isInteracted = true; }
-        this.triggerChange(e, this.min, isInteracted);
-        this.updateItemValue();
-        this.updateLabel();
+        this.updateValueChange(e, this.min, isInteracted);
         this.updateResetButton();
     };
     Rating.prototype.wireKeyboardEvent = function () {
@@ -15580,12 +15601,11 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
     };
     Rating.prototype.handleNavigation = function (e, isIncrease) {
         if ((!isIncrease && (this.value > this.min)) || (isIncrease && (this.value < this.itemsCount))) {
-            var currentValue = (this.precision === PrecisionType.Full) ? 1 : (this.precision === PrecisionType.Half) ? 0.5 :
-                (this.precision === PrecisionType.Quarter) ? 0.25 : Math.round(0.1 * 10) / 10;
+            var currentValue = (this.precision === PrecisionType.Full || this.enableSingleSelection) ? 1 :
+                (this.precision === PrecisionType.Half) ? 0.5 : (this.precision === PrecisionType.Quarter) ? 0.25 :
+                    Math.round(0.1 * 10) / 10;
             currentValue = isIncrease ? this.value + currentValue : this.value - currentValue;
-            this.triggerChange(e, (currentValue));
-            this.updateItemValue();
-            this.updateLabel();
+            this.updateValueChange(e, (currentValue));
             if (this.allowReset) {
                 this.updateResetButton();
             }
@@ -15665,9 +15685,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
             var prop = _a[_i];
             switch (prop) {
                 case 'value':
-                    this.triggerChange(null, (this.value > this.min) ? this.value : this.min, false);
-                    this.updateItemValue();
-                    this.updateLabel();
+                    this.updateValueChange(null, (this.value > this.min) ? this.value : this.min, false);
                     break;
                 case 'min':
                     this.updateMinValue();
@@ -15699,6 +15717,9 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
                     if (newProp.cssClass) {
                         addClass([this.wrapper], newProp.cssClass.split(' '));
                     }
+                    if (this.tooltipObj) {
+                        this.tooltipObj.setProperties({ cssClass: this.cssClass ? ('e-rating-tooltip ' + this.cssClass) : 'e-rating-tooltip' });
+                    }
                     break;
                 case 'labelPosition':
                     this.updateLabelPosition();
@@ -15711,7 +15732,8 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
                     this.updateLabel();
                     break;
                 case 'enableSingleSelection':
-                    this.updateItemValue();
+                    //To validate the value against single selection and update the items, label + trigger change event if value changed
+                    this.updateValueChange(null, this.currentValue, false);
                     break;
                 case 'enableAnimation':
                     this.wrapper.classList[this.enableAnimation ? 'add' : 'remove'](ANIMATION);
@@ -15742,12 +15764,12 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
     __decorate$8([
         Property(false)
     ], Rating.prototype, "disabled", void 0);
-    __decorate$8([
-        Property(true)
-    ], Rating.prototype, "enableAnimation", void 0);
     __decorate$8([
         Property('')
     ], Rating.prototype, "emptyTemplate", void 0);
+    __decorate$8([
+        Property(true)
+    ], Rating.prototype, "enableAnimation", void 0);
     __decorate$8([
         Property(false)
     ], Rating.prototype, "enableSingleSelection", void 0);