@syncfusion/ej2-inputs 22.2.12 → 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 */
@@ -7299,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'))) {
@@ -7313,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'))) {
@@ -7571,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);
                     }
@@ -7591,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);
                     }
@@ -7746,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);
             }
@@ -11642,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);
@@ -12057,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' }));