@syncfusion/ej2-inputs 20.4.38 → 20.4.42

package/src/rating/rating.js

@@ -17,7 +17,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { addClass, Event, attributes, compile, Component, EventHandler, getUniqueID, select } from '@syncfusion/ej2-base';
+import { addClass, Event, attributes, compile, Component, EventHandler, getUniqueID, select, Browser } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, KeyboardEvents, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';
 import { Tooltip } from '@syncfusion/ej2-popups';
 var ICONCSS = 'e-rating-icon e-icons e-star-filled';
@@ -37,49 +37,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
  */
 export 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.
  */
 export 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 = /** @class */ (function (_super) {
     __extends(Rating, _super);
     /**
@@ -158,7 +173,7 @@ var Rating = /** @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();
@@ -246,7 +261,7 @@ var Rating = /** @class */ (function (_super) {
                 target: '.e-rating-item-container', windowCollision: true,
                 opensOn: 'Custom', cssClass: 'e-rating-tooltip'
             });
-            this.tooltipObj.appendTo('#' + this.ratingItemList.id);
+            this.tooltipObj.appendTo(this.ratingItemList);
         }
         else {
             if (!isNullOrUndefined(this.tooltipObj)) {
@@ -718,12 +733,12 @@ var Rating = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Rating.prototype, "disabled", void 0);
-    __decorate([
-        Property(true)
-    ], Rating.prototype, "enableAnimation", void 0);
     __decorate([
         Property('')
     ], Rating.prototype, "emptyTemplate", void 0);
+    __decorate([
+        Property(true)
+    ], Rating.prototype, "enableAnimation", void 0);
     __decorate([
         Property(false)
     ], Rating.prototype, "enableSingleSelection", void 0);

package/src/uploader/uploader.js

@@ -718,13 +718,6 @@ var Uploader = /** @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();
@@ -732,6 +725,13 @@ var Uploader = /** @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);
@@ -3324,7 +3324,7 @@ var Uploader = /** @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 {

package/styles/bootstrap-dark.css

@@ -6812,6 +6812,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/bootstrap.css

@@ -6791,6 +6791,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/bootstrap4.css

@@ -6945,6 +6945,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/bootstrap5-dark.css

@@ -7095,6 +7095,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/bootstrap5.css

@@ -7095,6 +7095,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/fabric-dark.css

@@ -6741,6 +6741,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/fabric.css

@@ -6741,6 +6741,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/fluent-dark.css

@@ -6870,6 +6870,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/fluent.css

@@ -6870,6 +6870,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/highcontrast-light.css

@@ -7057,6 +7057,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/highcontrast.css

@@ -7057,6 +7057,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/material-dark.css

@@ -14725,6 +14725,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/material.css

@@ -14765,6 +14765,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/_layout.scss

@@ -47,6 +47,7 @@
       .e-rating-item-container:hover .e-rating-item {
         transition: transform 150ms cubic-bezier(.4, 0, .2, 1) 0ms;
         transform: scale(1.4);
+        pointer-events: none;
       }
     }
 

package/styles/rating/bootstrap-dark.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/bootstrap.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/bootstrap4.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/bootstrap5-dark.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/bootstrap5.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/fabric-dark.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/fabric.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/fluent-dark.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/fluent.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/highcontrast-light.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/highcontrast.css

@@ -42,6 +42,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/material-dark.css

@@ -43,6 +43,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/material.css

@@ -43,6 +43,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/tailwind-dark.css

@@ -43,6 +43,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/rating/tailwind.css

@@ -43,6 +43,7 @@
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/tailwind-dark.css

@@ -6952,6 +6952,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;

package/styles/tailwind.css

@@ -6952,6 +6952,7 @@ body.e-colorpicker-overflow {
 .e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transform: scale(1.4);
+  pointer-events: none;
 }
 .e-rating-container.e-disabled {
   cursor: default;