@syncfusion/ej2-inputs 22.2.9 → 23.1.36

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

@@ -1,5 +1,5 @@
 import { Ajax, Animation, Base, Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, append, attributes, classList, closest, compile, createElement, detach, extend, formatUnit, getInstance, getNumericObject, getUniqueID, getValue, initializeCSPTemplate, isNullOrUndefined, merge, onIntlChange, remove, removeClass, rippleEffect, select, selectAll, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
-import { Popup, Tooltip, createSpinner, getZindexPartial, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
+import { Popup, Tooltip, createSpinner, getZindexPartial, hideSpinner, isCollide, showSpinner } from '@syncfusion/ej2-popups';
 import { Deferred, SplitButton, getModel } from '@syncfusion/ej2-splitbuttons';
 
 /* eslint-disable valid-jsdoc, jsdoc/require-jsdoc, jsdoc/require-returns, jsdoc/require-param */
@@ -107,11 +107,23 @@ var Input;
     Input.bindInitialEvent = bindInitialEvent;
     function checkInputValue(floatLabelType, inputElement) {
         var inputValue = inputElement.value;
-        if (inputValue !== '' && !isNullOrUndefined(inputValue) && inputElement.parentElement) {
-            inputElement.parentElement.classList.add('e-valid-input');
+        var inputParent = inputElement.parentElement;
+        var grandParent = inputParent.parentElement;
+        if (inputValue !== '' && !isNullOrUndefined(inputValue)) {
+            if (inputParent && inputParent.classList.contains('e-input-group')) {
+                inputParent.classList.add('e-valid-input');
+            }
+            else if (grandParent && grandParent.classList.contains('e-input-group')) {
+                grandParent.classList.add('e-valid-input');
+            }
         }
-        else if (floatLabelType !== 'Always' && inputElement.parentElement) {
-            inputElement.parentElement.classList.remove('e-valid-input');
+        else if (floatLabelType !== 'Always') {
+            if (inputParent && inputParent.classList.contains('e-input-group')) {
+                inputParent.classList.remove('e-valid-input');
+            }
+            else if (grandParent && grandParent.classList.contains('e-input-group')) {
+                grandParent.classList.remove('e-valid-input');
+            }
         }
     }
     function _focusFn() {
@@ -845,7 +857,11 @@ var Input;
             var result = container.querySelectorAll(inputElement.tagName + ' ~ *');
             innerWrapper.appendChild(inputElement);
             for (var i = 0; i < result.length; i++) {
-                innerWrapper.appendChild(result[parseInt(i.toString())]);
+                var element = result[parseInt(i.toString())];
+                var parentElement = innerWrapper.parentElement;
+                if (!(element.classList.contains('e-float-line')) || (!(parentElement && parentElement.classList.contains('e-filled')) && parentElement)) {
+                    innerWrapper.appendChild(element);
+                }
             }
         }
         innerWrapper.parentNode.insertBefore(button, innerWrapper);
@@ -7283,7 +7299,7 @@ var FormValidator = /** @__PURE__ @class */ (function (_super) {
             input.removeAttribute('aria-invalid');
             var inputParent = input.parentElement;
             var grandParent = inputParent.parentElement;
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.remove(this.errorClass);
             }
             else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
@@ -7297,7 +7313,7 @@ var FormValidator = /** @__PURE__ @class */ (function (_super) {
                 this.getErrorElement(input.name);
                 this.hideMessage(input.name);
             }
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (input.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.remove(this.validClass);
             }
             else if ((grandParent != null) && (grandParent.classList.contains('e-control-wrapper') || grandParent.classList.contains('e-wrapper'))) {
@@ -7555,7 +7571,7 @@ var FormValidator = /** @__PURE__ @class */ (function (_super) {
                     this.inputElement.setAttribute('aria-describedby', this.inputElement.id + '-info');
                     var inputParent = this.inputElement.parentElement;
                     var grandParent = inputParent.parentElement;
-                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                         inputParent.classList.add(this.errorClass);
                         inputParent.classList.remove(this.validClass);
                     }
@@ -7575,7 +7591,7 @@ var FormValidator = /** @__PURE__ @class */ (function (_super) {
                     }
                     eventArgs.errorElement = this.infoElement;
                     eventArgs.status = 'failure';
-                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+                    if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                         inputParent.classList.add(this.errorClass);
                         inputParent.classList.remove(this.validClass);
                     }
@@ -7730,7 +7746,7 @@ var FormValidator = /** @__PURE__ @class */ (function (_super) {
             this.removeErrorRules(name);
             var inputParent = this.inputElement.parentElement;
             var grandParent = inputParent.parentElement;
-            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper')) {
+            if (inputParent.classList.contains('e-control-wrapper') || inputParent.classList.contains('e-wrapper') || (this.inputElement.classList.contains('e-input') && inputParent.classList.contains('e-input-group'))) {
                 inputParent.classList.add(this.validClass);
                 inputParent.classList.remove(this.errorClass);
             }
@@ -11626,6 +11642,15 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
     };
     ColorPicker.prototype.onOpen = function () {
         this.trigger('open', { element: this.container });
+        if (!Browser.isDevice) {
+            var popupInst = this.getPopupInst();
+            var collision = isCollide(popupInst.element);
+            if (collision.length > 0) {
+                popupInst.collision = { X: 'flip', Y: 'fit' };
+                popupInst.position = { X: 'right', Y: 'bottom' };
+                popupInst.targetType = 'container';
+            }
+        }
     };
     ColorPicker.prototype.getPopupInst = function () {
         return getInstance(this.getPopupEle(), Popup);
@@ -12041,7 +12066,6 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         });
         tooltip.createElement = this.createElement;
         tooltip.appendTo(this.container);
-        // eslint-disable-next-line
         tooltip.open(this.container);
         this.tooltipEle.style.zIndex = getZindexPartial(this.tooltipEle).toString();
         select('.e-tip-content', this.tooltipEle).appendChild(this.createElement('div', { className: 'e-tip-transparent' }));