@syncfusion/ej2-inputs 20.4.42 → 20.4.51

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

@@ -426,8 +426,8 @@ var Input;
      * @param {any} element - Input element which is need to add.
      * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
      */
-    function calculateWidth(element, container) {
-        var elementWidth = element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
+    function calculateWidth(element, container, moduleName) {
+        var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
         if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
                 container.getElementsByClassName('e-float-text-content')[0].classList.remove('e-float-text-overflow');
@@ -8073,7 +8073,12 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             var inputElement = this.createElement('input', { attrs: { type: 'file' } });
             var index = 0;
             for (index; index < this.element.attributes.length; index++) {
-                inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+                if (this.element.attributes[index].nodeName !== 'id') {
+                    inputElement.setAttribute(this.element.attributes[index].nodeName, this.element.attributes[index].nodeValue);
+                }
+                else if (this.element.attributes[index].nodeName === 'id') {
+                    inputElement.setAttribute(this.element.attributes[index].nodeName, getUniqueID('uploader'));
+                }
                 inputElement.innerHTML = this.element.innerHTML;
             }
             if (!inputElement.hasAttribute('name')) {
@@ -14556,6 +14561,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 +14571,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.
@@ -15283,7 +15290,7 @@ 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);
         }
@@ -15314,14 +15321,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 () {
@@ -15476,6 +15483,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);
@@ -15530,7 +15543,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) {
@@ -15553,9 +15566,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 () {
@@ -15595,12 +15606,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();
             }
@@ -15680,9 +15690,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();
@@ -15714,6 +15722,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();
@@ -15726,7 +15737,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);