@syncfusion/ej2-inputs 25.1.35 → 25.1.38

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

@@ -88,7 +88,7 @@ var Input;
         if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline') || parent.classList.contains('e-filled')) {
             parent.classList.add('e-input-focus');
         }
-        if (args.floatLabelType === 'Auto') {
+        if (args.floatLabelType !== 'Never') {
             setTimeout(function () {
                 Input.calculateWidth(args.element, parent);
             }, 80);
@@ -99,7 +99,7 @@ var Input;
         if (parent.classList.contains('e-input-group') || parent.classList.contains('e-outline') || parent.classList.contains('e-filled')) {
             parent.classList.remove('e-input-focus');
         }
-        if (args.floatLabelType === 'Auto' && args.element.value === '') {
+        if (args.floatLabelType !== 'Never') {
             setTimeout(function () {
                 Input.calculateWidth(args.element, parent);
             }, 80);
@@ -504,7 +504,7 @@ var Input;
      */
     function setValue$$1(value, element, floatLabelType, clearButton) {
         element.value = value;
-        if (floatLabelType === 'Auto' && value === '') {
+        if (floatLabelType !== 'Never') {
             calculateWidth(element, element.parentElement);
         }
         if ((!isNullOrUndefined(floatLabelType)) && floatLabelType === 'Auto') {
@@ -3951,7 +3951,7 @@ var MaskedTextBox = /** @__PURE__ @class */ (function (_super) {
                     if (this.placeholder && !this.isFocus) {
                         this.setMaskPlaceholder(false, false);
                     }
-                    if (this.value === "") {
+                    if (this.value === "" && oldProp.value != null) {
                         this.element.selectionStart = 0;
                         this.element.selectionEnd = 0;
                     }
@@ -6761,6 +6761,10 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
         if (args !== 'tooltip') {
             this.updateConfig();
         }
+        if (this.readonly) {
+            this.sliderContainer.classList.remove(classNames.readonly);
+            this.setReadOnly();
+        }
     };
     Slider.prototype.changeRtl = function () {
         if (!this.enableRtl && this.type === 'Range') {
@@ -6904,6 +6908,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'tooltip':
                     if (!isNullOrUndefined(newProp.tooltip) && !isNullOrUndefined(oldProp.tooltip)) {
+                        this.initialTooltip = true;
                         this.setTooltip(prop);
                         if (!this.showButtons) {
                             this.wireEvents();
@@ -11818,9 +11823,10 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
             createPopupOnClick: this.createPopupOnClick,
             open: this.onOpen.bind(this),
             click: function () {
+                var ev = new MouseEvent('click', { bubbles: true, cancelable: false });
                 _this.trigger('change', {
                     currentValue: { hex: _this.value.slice(0, 7), rgba: _this.convertToRgbString(_this.hexToRgb(_this.value)) },
-                    previousValue: { hex: null, rgba: null }, value: _this.value
+                    previousValue: { hex: null, rgba: null }, value: _this.value, event: ev
                 });
             }
         });
@@ -12321,7 +12327,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.hsv[2] = this.hsv[2] > 100 ? 100 : this.hsv[2];
         this.setHandlerPosition();
     };
-    ColorPicker.prototype.convertToOtherFormat = function (isKey) {
+    ColorPicker.prototype.convertToOtherFormat = function (isKey, e) {
         if (isKey === void 0) { isKey = false; }
         var pValue = this.rgbToHex(this.rgb);
         this.rgb = this.hsvToRgb.apply(this, this.hsv);
@@ -12329,7 +12335,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         var rgba = this.convertToRgbString(this.rgb);
         this.updatePreview(rgba);
         this.updateInput(cValue);
-        this.triggerEvent(cValue, pValue, rgba, isKey);
+        this.triggerEvent(cValue, pValue, rgba, isKey, e);
     };
     ColorPicker.prototype.updateInput = function (value) {
         var wrapper = this.getWrapper();
@@ -12562,10 +12568,10 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
             }
         });
     };
-    ColorPicker.prototype.triggerChangeEvent = function (value) {
+    ColorPicker.prototype.triggerChangeEvent = function (value, e) {
         var hex = value.slice(0, 7);
         this.trigger('change', {
-            currentValue: { hex: hex, rgba: this.convertToRgbString(this.rgb) },
+            currentValue: { hex: hex, rgba: this.convertToRgbString(this.rgb) }, event: e,
             previousValue: { hex: this.value.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(this.value)) },
             value: this.enableOpacity ? value : hex
         });
@@ -12584,7 +12590,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
             this.hsv[prob] = 0;
         }
         this.updateHsv();
-        this.convertToOtherFormat(true);
+        this.convertToOtherFormat(true, e);
     };
     ColorPicker.prototype.handlerDown = function (e) {
         e.preventDefault();
@@ -12601,7 +12607,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.setHsv(this.clientX, this.clientY);
         this.getDragHandler().style.transition = 'left .4s cubic-bezier(.25, .8, .25, 1), top .4s cubic-bezier(.25, .8, .25, 1)';
         this.updateHsv();
-        this.convertToOtherFormat();
+        this.convertToOtherFormat(false, e);
         this.getDragHandler().focus();
         EventHandler.add(document, 'mousemove touchmove', this.handlerMove, this);
         EventHandler.add(document, 'mouseup touchend', this.handlerEnd, this);
@@ -12623,7 +12629,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.setHsv(x, y);
         var dragHandler = this.getDragHandler();
         this.updateHsv();
-        this.convertToOtherFormat();
+        this.convertToOtherFormat(false, e);
         this.getTooltipInst().refresh(dragHandler);
         if (!this.tooltipEle.style.transform) {
             if (Math.abs(this.clientX - x) > 8 || Math.abs(this.clientY - y) > 8) {
@@ -12767,7 +12773,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.setHandlerPosition();
         this.updateInput(cValue);
         select('.' + PREVIEW + ' .' + CURRENT, this.container).style.backgroundColor = this.convertToRgbString(this.rgb);
-        this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb));
+        this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb), false, e);
     };
     ColorPicker.prototype.paletteClickHandler = function (e) {
         e.preventDefault();
@@ -12786,7 +12792,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                 if (this.getWrapper().classList.contains(SHOWVALUE)) {
                     this.updateInput(cValue);
                 }
-                this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb));
+                this.triggerEvent(cValue, pValue, this.convertToRgbString(this.rgb), false, e);
             }
             if (!this.inline && !this.showButtons) {
                 this.closePopup(e);
@@ -12845,7 +12851,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
     ColorPicker.prototype.ctrlBtnClick = function (ele, e) {
         if (ele.classList.contains(APPLY)) {
             var cValue = this.rgbToHex(this.rgb);
-            this.triggerChangeEvent(cValue);
+            this.triggerChangeEvent(cValue, e);
         }
         if (!this.inline) {
             this.closePopup(e);
@@ -12953,7 +12959,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                 if (value.length === 9) {
                     pValue = this.rgbToHex(this.rgb);
                     this.rgb = this.hexToRgb(value + value.substr(-2));
-                    this.inputValueChange(this.rgbToHsv.apply(this, this.rgb), pValue, target.value);
+                    this.inputValueChange(this.rgbToHsv.apply(this, this.rgb), pValue, target.value, e);
                 }
                 else {
                     return;
@@ -12965,7 +12971,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                     pValue = this.rgbToHex(this.rgb);
                     this.rgb[0] = Number(target.value);
                     hsv = this.rgbToHsv.apply(this, this.rgb);
-                    this.inputValueChange(hsv, pValue);
+                    this.inputValueChange(hsv, pValue, null, e);
                 }
                 break;
             case 'G':
@@ -12973,7 +12979,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                     pValue = this.rgbToHex(this.rgb);
                     this.rgb[1] = Number(target.value);
                     hsv = this.rgbToHsv.apply(this, this.rgb);
-                    this.inputValueChange(hsv, pValue);
+                    this.inputValueChange(hsv, pValue, null, e);
                 }
                 break;
             case 'B':
@@ -12981,7 +12987,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                     pValue = this.rgbToHex(this.rgb);
                     this.rgb[2] = Number(target.value);
                     hsv = this.rgbToHsv.apply(this, this.rgb);
-                    this.inputValueChange(hsv, pValue);
+                    this.inputValueChange(hsv, pValue, null, e);
                 }
                 break;
             case 'H':
@@ -12991,14 +12997,14 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                 if (this.hsv[1] !== Number(target.value)) {
                     this.hsv[1] = Number(target.value);
                     this.updateHsv();
-                    this.convertToOtherFormat();
+                    this.convertToOtherFormat(false, e);
                 }
                 break;
             case 'V':
                 if (this.hsv[2] !== Number(target.value)) {
                     this.hsv[2] = Number(target.value);
                     this.updateHsv();
-                    this.convertToOtherFormat();
+                    this.convertToOtherFormat(false, e);
                 }
                 break;
             case 'A':
@@ -13006,7 +13012,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
                 break;
         }
     };
-    ColorPicker.prototype.inputValueChange = function (hsv, pValue, value) {
+    ColorPicker.prototype.inputValueChange = function (hsv, pValue, value, e) {
         if (hsv[0] !== this.hsv[0]) {
             this.hueSlider.setProperties({ 'value': hsv[0] }, true);
             this.hueSlider.refresh();
@@ -13018,13 +13024,16 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.updateInput(value ? value : cValue);
         var rgba = this.convertToRgbString(this.rgb);
         this.updatePreview(rgba);
-        this.triggerEvent(cValue, pValue, rgba);
+        this.triggerEvent(cValue, pValue, rgba, false, e);
     };
-    ColorPicker.prototype.triggerEvent = function (cValue, pValue, rgba, isKey) {
+    ColorPicker.prototype.triggerEvent = function (cValue, pValue, rgba, isKey, e) {
         if (isKey === void 0) { isKey = false; }
         var hex = cValue.slice(0, 7);
+        if (isNullOrUndefined(e)) {
+            e = new MouseEvent('click', { bubbles: true, cancelable: false });
+        }
         if (!this.showButtons && !isKey) {
-            this.trigger('change', { currentValue: { hex: hex, rgba: rgba },
+            this.trigger('change', { currentValue: { hex: hex, rgba: rgba }, event: e,
                 previousValue: { hex: this.value.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(this.value)) }, value: cValue });
             if (this.enableOpacity) {
                 this.setProperties({ 'value': cValue }, true);
@@ -13036,7 +13045,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.trigger('select', {
-                currentValue: { hex: hex, rgba: rgba },
+                currentValue: { hex: hex, rgba: rgba }, event: e,
                 previousValue: { hex: pValue.slice(0, 7), rgba: this.convertToRgbString(this.hexToRgb(pValue)) }
             });
         }
@@ -15328,6 +15337,10 @@ var SignatureBase = /** @__PURE__ @class */ (function (_super) {
         this.lastWidth = newWidth;
     };
     SignatureBase.prototype.endDraw = function () {
+        if (isNullOrUndefined(this.pointColl)) {
+            return;
+        }
+        
         var canDrawCurve = this.pointColl.length > 2;
         var point = this.pointColl[0];
         if (!canDrawCurve && point) {
@@ -15597,7 +15610,7 @@ var SignatureBase = /** @__PURE__ @class */ (function (_super) {
         var args = { actionName: 'clear' };
         this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
         this.tempContext.clearRect(0, 0, this.tempContext.canvas.width, this.tempContext.canvas.height);
-        if (this.saveWithBackground) {
+        if (this.saveWithBackground && this.backgroundImage) {
             this.setBackgroundImage(this.backgroundImage, 'temp');
         }
         this.internalRefresh();