@syncfusion/ej2-inputs 20.4.40 → 20.4.48

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

@@ -8281,13 +8281,6 @@ let Uploader = class Uploader extends Component {
         }
     }
     setCSSClass(oldCSSClass) {
-        let 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 ? ',' : ' '));
-        }
         let updatedOldCssClass = oldCSSClass;
         if (!isNullOrUndefined(oldCSSClass)) {
             updatedOldCssClass = (oldCSSClass.replace(/\s+/g, ' ')).trim();
@@ -8295,6 +8288,13 @@ let Uploader = class Uploader extends Component {
         if (!isNullOrUndefined(oldCSSClass) && updatedOldCssClass !== '') {
             removeClass([this.uploadWrapper], updatedOldCssClass.split(' '));
         }
+        let 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 ? ',' : ' '));
+        }
     }
     wireEvents() {
         EventHandler.add(this.browseButton, 'click', this.browseButtonClick, this);
@@ -10833,7 +10833,7 @@ let Uploader = class Uploader extends Component {
         const files = this.getFiles(fileData);
         for (let 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 {
@@ -14260,6 +14260,7 @@ class SignatureBase extends Component {
      * @returns {void}.
      */
     draw(text, fontFamily, fontSize) {
+        const args = { actionName: 'draw-text' };
         this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
         fontFamily = fontFamily || 'Arial';
         fontSize = fontSize || 30;
@@ -14269,6 +14270,7 @@ class SignatureBase extends Component {
         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.
@@ -14734,49 +14736,64 @@ const EMPTYTEMPLATE = 'e-rating-empty';
 const SELECTEDVALUE = 'e-selected-value';
 const 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>
+ * ```
+ */
 let Rating = class Rating extends Component {
     /**
      * Constructor for creating the widget
@@ -14852,7 +14869,7 @@ let Rating = class Rating extends Component {
         attributes(this.ratingItemList, { 'aria-label': 'rating', 'role': 'slider' });
         this.wrapper.appendChild(this.ratingItemList);
         EventHandler.add(this.ratingItemList, 'touchmove', (e) => this.touchMoveHandler(e), this);
-        EventHandler.add(this.ratingItemList, 'touchend', this.touchEndHandler, this);
+        EventHandler.add(this.ratingItemList, Browser.touchEndEvent, this.touchEndHandler, this);
     }
     touchMoveHandler(e) {
         const rect = this.ratingItemList.getBoundingClientRect();
@@ -14936,9 +14953,9 @@ let Rating = class Rating extends Component {
         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)) {
@@ -14967,14 +14984,14 @@ let Rating = class Rating extends Component {
             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;
     }
     getRatingValue(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));
     }
     updateItemValue() {
@@ -15128,6 +15145,11 @@ let Rating = class Rating extends Component {
             this.updateResetButton();
         }
     }
+    updateValueChange(e, val, isInteracted = true) {
+        this.triggerChange(e, val, isInteracted);
+        this.updateItemValue();
+        this.updateLabel();
+    }
     triggerChange(e, val, isInteracted = true) {
         val = this.validateValue(val);
         this.currentValue = val;
@@ -15181,7 +15203,7 @@ let Rating = class Rating extends Component {
     }
     calculateCurrentValue(index, args) {
         let 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) {
@@ -15203,9 +15225,7 @@ let Rating = class Rating extends Component {
         this.resetClicked(null, false);
     }
     resetClicked(e, isInteracted = true) {
-        this.triggerChange(e, this.min, isInteracted);
-        this.updateItemValue();
-        this.updateLabel();
+        this.updateValueChange(e, this.min, isInteracted);
         this.updateResetButton();
     }
     wireKeyboardEvent() {
@@ -15245,12 +15265,11 @@ let Rating = class Rating extends Component {
     }
     handleNavigation(e, isIncrease) {
         if ((!isIncrease && (this.value > this.min)) || (isIncrease && (this.value < this.itemsCount))) {
-            let currentValue = (this.precision === PrecisionType.Full) ? 1 : (this.precision === PrecisionType.Half) ? 0.5 :
-                (this.precision === PrecisionType.Quarter) ? 0.25 : Math.round(0.1 * 10) / 10;
+            let 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();
             }
@@ -15328,9 +15347,7 @@ let Rating = class Rating extends Component {
         for (const prop of Object.keys(newProp)) {
             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();
@@ -15362,6 +15379,9 @@ let Rating = class Rating extends Component {
                     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();
@@ -15374,7 +15394,8 @@ let Rating = class Rating extends Component {
                     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);
@@ -15406,12 +15427,12 @@ __decorate$8([
 __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);