@syncfusion/ej2-inputs 23.2.4 → 24.1.41

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

@@ -29,7 +29,6 @@ var Input;
 (function (Input) {
     var floatType;
     var isBindClearAction = true;
-    var floatLabelElement;
     /**
      * Create a wrapper to input element with multiple span elements and set the basic properties to input based components.
      * ```
@@ -177,7 +176,7 @@ var Input;
             inputObject.container.classList.add(CLASSNAMES.FLOATINPUT);
         }
         var floatLinelement = makeElement('span', { className: CLASSNAMES.FLOATLINE });
-        floatLabelElement = makeElement('label', { className: CLASSNAMES.FLOATTEXT });
+        var floatLabelElement = makeElement('label', { className: CLASSNAMES.FLOATTEXT });
         if (!isNullOrUndefined(args.element.id) && args.element.id !== '') {
             floatLabelElement.id = 'label_' + args.element.id.replace(/ /g, '_');
             attributes(args.element, { 'aria-labelledby': floatLabelElement.id });
@@ -214,11 +213,11 @@ var Input;
         if (args.floatLabelType === 'Auto') {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             args.element.addEventListener('input', function (event) {
-                updateLabelState(args.element.value, floatLabelElement, args.element);
+                validateLabel(args.element, args.floatLabelType);
             });
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             args.element.addEventListener('blur', function (event) {
-                updateLabelState(args.element.value, floatLabelElement);
+                validateLabel(args.element, args.floatLabelType);
             });
         }
         if (!isNullOrUndefined(args.element.getAttribute('id'))) {
@@ -346,7 +345,6 @@ var Input;
     }
     Input.wireClearBtnEvents = wireClearBtnEvents;
     function destroy() {
-        floatLabelElement = null;
         
     }
     Input.destroy = destroy;
@@ -1430,6 +1428,7 @@ var NumericTextBox = /** @__PURE__ @class */ (function (_super) {
         this.updateValue(parsedInput, event);
     };
     NumericTextBox.prototype.raiseChangeEvent = function (event) {
+        this.inputValue = (isNullOrUndefined(this.inputValue) || isNaN(this.inputValue)) ? null : this.inputValue;
         if (this.prevValue !== this.value || this.prevValue !== this.inputValue) {
             var eventArgs = {};
             this.changeEventArgs = { value: this.value, previousValue: this.prevValue, isInteracted: this.isInteract,
@@ -12067,6 +12066,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
             opensOn: 'Custom',
             showTipPointer: false,
             cssClass: 'e-color-picker-tooltip',
+            htmlAttributes: { title: 'tooltip' },
             beforeOpen: function (args) {
                 _this.tooltipEle = args.element;
             },
@@ -12076,6 +12076,7 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         tooltip.appendTo(this.container);
         tooltip.open(this.container);
         this.tooltipEle.style.zIndex = getZindexPartial(this.tooltipEle).toString();
+        this.tooltipEle.setAttribute('aria-label', 'colorpicker-tooltip');
         select('.e-tip-content', this.tooltipEle).appendChild(this.createElement('div', { className: 'e-tip-transparent' }));
     };
     ColorPicker.prototype.getTooltipInst = function () {
@@ -12485,9 +12486,26 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.firstPaletteFocus();
         this.createInput();
         this.refreshPopupPos();
+        //for image editor popup position refreshing
+        if (this.element.parentElement && this.element.parentElement.parentElement && this.element.parentElement.parentElement.classList.contains('e-ie-ddb-popup')) {
+            this.refreshImageEditorPopupPos();
+        }
+        
         this.wireEvents();
         this.trigger('onModeSwitch', { element: this.container, mode: 'Palette' });
     };
+    //for image editor popup position refreshing
+    ColorPicker.prototype.refreshImageEditorPopupPos = function () {
+        if (Browser.isDevice) {
+            var popupEle = this.getPopupEle();
+            popupEle.style.left = formatUnit(0 + pageXOffset);
+            popupEle.style.top = formatUnit(0 + pageYOffset);
+            var btnElem = document.querySelector("#" + this.element.parentElement.parentElement.id.split('-popup')[0]);
+            if (btnElem) {
+                popupEle.parentElement.ej2_instances[0].refreshPosition(btnElem);
+            }
+        }
+    };
     ColorPicker.prototype.refreshPopupPos = function () {
         if (!this.inline) {
             var popupEle = this.getPopupEle();
@@ -12609,6 +12627,11 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         this.getDragHandler().focus();
         this.createInput();
         this.refreshPopupPos();
+        //for image editor popup position refreshing
+        if (this.element.parentElement && this.element.parentElement.parentElement && this.element.parentElement.parentElement.classList.contains('e-ie-ddb-popup')) {
+            this.refreshImageEditorPopupPos();
+        }
+        
         this.wireEvents();
         this.trigger('onModeSwitch', { element: this.container, mode: 'Picker' });
     };
@@ -12621,6 +12644,10 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
             this.closePopup(e);
             this.splitBtn.element.focus();
         }
+        else if (ele.classList.contains(CANCEL)) {
+            var beforeCloseArgs = { element: this.container, event: e, cancel: false };
+            this.trigger('beforeClose', beforeCloseArgs);
+        }
     };
     ColorPicker.prototype.paletteKeyDown = function (e) {
         var target = e.target;
@@ -15410,6 +15437,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
             space: 'space'
         };
         this.tooltipOpen = false;
+        this.isTouchSelected = false;
     };
     Rating.prototype.render = function () {
         this.initialize();
@@ -15472,6 +15500,11 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(this.ratingItemList, Browser.touchEndEvent, this.touchEndHandler, this);
     };
     Rating.prototype.touchMoveHandler = function (e) {
+        if (!this.isTouchSelected) {
+            this.wrapper.classList.add("e-rating-touch");
+            this.isTouchSelected = true;
+        }
+        this.wrapper.classList.add("e-touch-select");
         var rect = this.ratingItemList.getBoundingClientRect();
         var x = e.touches[0].clientX - rect.x;
         var currValue = (x / rect.width) * this.itemsCount;
@@ -15502,6 +15535,7 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
     };
     Rating.prototype.touchEndHandler = function () {
         this.closeRatingTooltip();
+        this.wrapper.classList.remove("e-touch-select");
     };
     Rating.prototype.updateTemplateFunction = function () {
         this.emptyTemplateFunction = this.emptyTemplate ? this.getTemplateString(this.emptyTemplate) : null;
@@ -15781,6 +15815,10 @@ var Rating = /** @__PURE__ @class */ (function (_super) {
         this.trigger('valueChanged', eventArgs);
     };
     Rating.prototype.mouseMoveHandler = function (index, e) {
+        if (this.isTouchSelected) {
+            this.wrapper.classList.remove("e-rating-touch");
+            this.isTouchSelected = false;
+        }
         var currValue = this.calculateCurrentValue(index, e);
         currValue = this.validateValue(currValue);
         var element = this.itemElements[parseInt((index - 1).toString(), 10)];