@syncfusion/ej2-inputs 26.1.39 → 26.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.39
+*  version : 26.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@26.1.38",
+  "_id": "@syncfusion/ej2-inputs@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-CzxeAQnytAW+YbMVo82W8Ew9Z2f7Cx7k5p4DSvdUUnX42ELTiDHJAgmWBvbiKd/N8TLZjIyARWVlkuAKDPb6Iw==",
+  "_integrity": "sha512-KaNx6fmmtXQCaVBAO/gkzVBI6GFjrKVk2yJTT9+QGP6r94OSVNhhgqrgSfOCPU/ifrD3FoSa2NSCysPwsvefUg==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-26.1.38.tgz",
-  "_shasum": "09672591ff610b232b0ea3140db081747ff8ccf2",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-26.1.40.tgz",
+  "_shasum": "212812143e561c5383ba6a4f1afb31ab106b1979",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -49,8 +49,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-buttons": "~26.1.35",
-    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-buttons": "~26.1.40",
+    "@syncfusion/ej2-popups": "~26.1.41",
     "@syncfusion/ej2-splitbuttons": "~26.1.35"
   },
   "deprecated": false,
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "26.1.39",
+  "version": "26.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/form-validator/form-validator.d.ts

@@ -279,6 +279,10 @@ export interface ValidArgs {
      * Returns the current form element.
      */
     formElement?: HTMLFormElement;
+    /**
+     * Returns the date format mapped for the input.
+     */
+    format?: string;
 }
 export interface FormEventArgs {
     /**

package/src/form-validator/form-validator.js

@@ -649,7 +649,8 @@ var FormValidator = /** @class */ (function (_super) {
         var params = this.rules["" + name]["" + rule];
         var param = (params instanceof Array && typeof params[1] === 'string') ? params[0] : params;
         var currentRule = this.rules["" + name]["" + rule];
-        var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element };
+        var dateFormat = ((rule === 'min' || rule === 'max') && this.rules["" + name].date && typeof (this.rules["" + name].date) === 'string') ? this.rules["" + name].date : null;
+        var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element, format: dateFormat };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
             return true;
@@ -846,7 +847,16 @@ var FormValidator = /** @class */ (function (_super) {
                 return +option.value <= +option.param;
             }
             // Maximum rule validation for date
-            return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+            if (option.format && option.format !== '') {
+                var globalize = new Internationalization;
+                var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
+                var dateValue = globalize.parseDate(option.value, dateOptions);
+                var maxValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
+                return new Date(dateValue).getTime() <= new Date(maxValue).getTime();
+            }
+            else {
+                return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+            }
         },
         min: function (option) {
             if (!isNaN(Number(option.value))) {
@@ -859,7 +869,16 @@ var FormValidator = /** @class */ (function (_super) {
             }
             else {
                 // Minimum rule validation for date
-                return new Date(option.value).getTime() >= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+                if (option.format && option.format !== '') {
+                    var globalize = new Internationalization;
+                    var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
+                    var dateValue = globalize.parseDate(option.value, dateOptions);
+                    var minValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
+                    return new Date(dateValue).getTime() >= new Date(minValue).getTime();
+                }
+                else {
+                    return new Date(option.value).getTime() >= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+                }
             }
         },
         regex: function (option) {

package/src/input/input.js

@@ -147,7 +147,7 @@ export var Input;
     function checkInputValue(floatLabelType, inputElement) {
         var inputValue = inputElement.value;
         var inputParent = inputElement.parentElement;
-        var grandParent = inputParent.parentElement;
+        var grandParent = inputParent && inputParent.parentElement;
         if (inputValue !== '' && !isNullOrUndefined(inputValue)) {
             if (inputParent && inputParent.classList.contains('e-input-group')) {
                 inputParent.classList.add('e-valid-input');
@@ -572,7 +572,7 @@ export var Input;
             return;
         }
         var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
-        if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
+        if (!isNullOrUndefined(container) && !isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
                 container.getElementsByClassName('e-float-text-content')[0].classList.remove('e-float-text-overflow');
             }
@@ -616,7 +616,7 @@ export var Input;
         if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
             if (!isNullOrUndefined(placeholder) && placeholder !== '') {
                 var floatTextContent = parentElement.getElementsByClassName('e-float-text-content')[0];
-                if (floatTextContent) {
+                if (floatTextContent && floatTextContent.children[0]) {
                     floatTextContent.children[0].textContent = placeholder;
                 }
                 else {

package/src/uploader/uploader.js

@@ -453,9 +453,9 @@ var Uploader = /** @class */ (function (_super) {
         this.element.setAttribute('tabindex', '-1');
         this.actionButtons = this.createElement('div', { className: ACTION_BUTTONS });
         this.uploadButton = this.createElement('button', { className: UPLOAD_BUTTONS,
-            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex, 'aria-label': this.localizedTexts('Upload') } });
         this.clearButton = this.createElement('button', { className: CLEAR_BUTTONS,
-            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex, 'aria-label': this.localizedTexts('Clear') } });
         this.actionButtons.appendChild(this.clearButton);
         this.actionButtons.appendChild(this.uploadButton);
         this.renderButtonTemplates();
@@ -970,6 +970,9 @@ var Uploader = /** @class */ (function (_super) {
         else if (!closest(args.target, '.' + SPINNER_PANE)) {
             this.remove(fileData, false, false, true, args);
         }
+        if (this.isForm && liElement && liElement.classList.contains(INVALID_FILE)) {
+            this.element.value = '';
+        }
         this.checkActionButtonStatus();
     };
     Uploader.prototype.removeFilesData = function (file, customTemplate) {
@@ -1824,6 +1827,7 @@ var Uploader = /** @class */ (function (_super) {
                 }
                 if (!iconElement.classList.contains(DELETE_ICON)) {
                     iconElement.classList.add(REMOVE_ICON);
+                    iconElement.setAttribute('aria-label', this.localizedTexts('remove'));
                 }
                 var index = fileData.indexOf(listItem);
                 var eventArgs = {
@@ -2081,6 +2085,7 @@ var Uploader = /** @class */ (function (_super) {
         this.pauseButton = this.createElement('span', { className: 'e-icons e-file-reload-btn', attrs: { 'tabindex': this.btnTabIndex } });
         deleteIcon.parentElement.insertBefore(this.pauseButton, deleteIcon);
         this.pauseButton.setAttribute('title', this.localizedTexts('retry'));
+        this.pauseButton.setAttribute('aria-label', this.localizedTexts('retry'));
         var retryElement = liElement.querySelector('.' + RETRY_ICON);
         /* istanbul ignore next */
         retryElement.addEventListener('click', function (e) {
@@ -2120,6 +2125,7 @@ var Uploader = /** @class */ (function (_super) {
                 if (!isNullOrUndefined(iconEle)) {
                     iconEle.classList.add(DELETE_ICON);
                     iconEle.setAttribute('title', this.localizedTexts('delete'));
+                    iconEle.setAttribute('aria-label', this.localizedTexts('delete'));
                     iconEle.classList.remove(ABORT_ICON);
                     iconEle.classList.remove(UPLOAD_INPROGRESS);
                 }
@@ -2158,7 +2164,7 @@ var Uploader = /** @class */ (function (_super) {
         }
         this.trigger('success', args, function (args) {
             _this.updateStatus(file, args.statusText, '2');
-            _this.uploadedFilesData.push(file);
+            _this.multiple ? _this.uploadedFilesData.push(file) : _this.uploadedFilesData = [file];
             _this.trigger('change', { file: _this.uploadedFilesData });
             _this.checkActionButtonStatus();
             if (_this.fileList.length > 0) {

package/styles/input/_tailwind-definition.scss

@@ -238,7 +238,7 @@ $float-label-disbale-font-color: $input-disable-font-color !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: none !default;
+$input-readonly-bg-color: $content-bg-color-alt1 !default;
 $input-readonly-color: $cool-gray-600 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary, .25) !default;

package/styles/input/tailwind-dark.css

@@ -3620,7 +3620,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: none;
+  background: #232e3e;
   color: inherit;
 }
 

package/styles/input/tailwind.css

@@ -3620,7 +3620,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: none;
+  background: #f9fafb;
   color: inherit;
 }
 

package/styles/tailwind-dark.css

@@ -3630,7 +3630,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: none;
+  background: #232e3e;
   color: inherit;
 }
 

package/styles/tailwind.css

@@ -3630,7 +3630,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: none;
+  background: #f9fafb;
   color: inherit;
 }