@syncfusion/ej2-inputs 22.2.9 → 23.1.36

package/dist/es6/ej2-inputs.es2015.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) {
         const inputValue = inputElement.value;
-        if (inputValue !== '' && !isNullOrUndefined(inputValue) && inputElement.parentElement) {
-            inputElement.parentElement.classList.add('e-valid-input');
+        const inputParent = inputElement.parentElement;
+        const 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() {
@@ -839,7 +851,11 @@ var Input;
             const result = container.querySelectorAll(inputElement.tagName + ' ~ *');
             innerWrapper.appendChild(inputElement);
             for (let i = 0; i < result.length; i++) {
-                innerWrapper.appendChild(result[parseInt(i.toString())]);
+                const element = result[parseInt(i.toString())];
+                const 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);
@@ -7152,7 +7168,7 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
             input.removeAttribute('aria-invalid');
             const inputParent = input.parentElement;
             const 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'))) {
@@ -7166,7 +7182,7 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
                 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'))) {
@@ -7419,7 +7435,7 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
                     this.inputElement.setAttribute('aria-describedby', this.inputElement.id + '-info');
                     const inputParent = this.inputElement.parentElement;
                     const 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);
                     }
@@ -7439,7 +7455,7 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
                     }
                     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);
                     }
@@ -7594,7 +7610,7 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
             this.removeErrorRules(name);
             const inputParent = this.inputElement.parentElement;
             const 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);
             }
@@ -11386,6 +11402,15 @@ let ColorPicker = class ColorPicker extends Component {
     }
     onOpen() {
         this.trigger('open', { element: this.container });
+        if (!Browser.isDevice) {
+            const popupInst = this.getPopupInst();
+            const collision = isCollide(popupInst.element);
+            if (collision.length > 0) {
+                popupInst.collision = { X: 'flip', Y: 'fit' };
+                popupInst.position = { X: 'right', Y: 'bottom' };
+                popupInst.targetType = 'container';
+            }
+        }
     }
     getPopupInst() {
         return getInstance(this.getPopupEle(), Popup);
@@ -11796,7 +11821,6 @@ let ColorPicker = class ColorPicker extends Component {
         });
         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' }));