@syncfusion/ej2-inputs 26.1.40 → 26.1.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.40
+*  version : 26.1.42
 *  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.39",
+  "_id": "@syncfusion/ej2-inputs@26.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-HEuIj2L6ytaYR8EhUN5aKQXqJeW46JTD7rsWO/uYXVrhcR6gg9soswQCPPyGOO8i+lkU+21h/hktIeWPGdNOyg==",
+  "_integrity": "sha512-fipQRaWShvNs2oLUPERr/Kh44+DxN8t7EeurN0CuyXt8Gqc9no0J/XN64AJKLfXcF/Zaosj+SdEVBMpOP4mwCw==",
   "_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.39.tgz",
-  "_shasum": "851565d18a1056a01a9c761f8bbfb4ff9fb7e13f",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-26.1.41.tgz",
+  "_shasum": "8931b703378a48e143d06fee70ed5862c3c6dc08",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -48,9 +48,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-base": "~26.1.42",
     "@syncfusion/ej2-buttons": "~26.1.40",
-    "@syncfusion/ej2-popups": "~26.1.38",
+    "@syncfusion/ej2-popups": "~26.1.42",
     "@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.40",
+  "version": "26.1.42",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -851,7 +851,7 @@ var FormValidator = /** @class */ (function (_super) {
                 var globalize = new Internationalization;
                 var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
                 var dateValue = globalize.parseDate(option.value, dateOptions);
-                var maxValue = globalize.parseDate(JSON.parse(JSON.stringify(option.param)), 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 {
@@ -873,7 +873,7 @@ var FormValidator = /** @class */ (function (_super) {
                     var globalize = new Internationalization;
                     var dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
                     var dateValue = globalize.parseDate(option.value, dateOptions);
-                    var minValue = globalize.parseDate(JSON.parse(JSON.stringify(option.param)), 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 {

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');
             }

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);
                 }

package/styles/material-dark.css

@@ -12080,9 +12080,13 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   cursor: pointer;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 5px;
   background-position: bottom;
-  height: 50%;
-  top: 1px;
+}
+.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 5px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
   background-position: right;
@@ -12090,9 +12094,13 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 10px;
   background-position-x: center;
-  height: 50%;
-  top: calc(50% - 1px);
+}
+.e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 13px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
   background-position: left;
@@ -12101,7 +12109,11 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
   background-position: center;
-  height: 99%;
+  height: 12px;
+}
+.e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
+  height: 20px;
+  top: 4px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
   background-position: center;
@@ -12126,7 +12138,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   z-index: 1;
 }
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHCAYAAAAie5yXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBlcYxAQAACAJBNOlHMboMFOCmG+Bkq6jyZBgBrr7SD7YAAAAASUVORK5CYII=");
   cursor: default;
   outline: none;
   position: relative;
@@ -12135,6 +12147,9 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
       -ms-user-select: none;
           user-select: none;
 }
+.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBrcYxAQAACAJBNOlHMboMROCmG+Bkq2jlAZHeAbRZSr3QAAAAAElFTkSuQmCC");
+}
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #fff;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -12164,7 +12179,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;

package/styles/material.css

@@ -12184,7 +12184,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;

package/styles/slider/_layout.scss

@@ -914,7 +914,13 @@
       &.e-scale {
         &.e-h-scale {
           .e-tick {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($tick-after-height, $tick-after-top, 'horizontal');
+              @if ($skin-name == 'material-dark') {
+                background-position: bottom;
+              }
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($tick-after-height, $tick-after-top, 'horizontal');
             }
             @else {
@@ -924,7 +930,10 @@
           }
 
           .e-large {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($largetick-before-height, $largetick-before-top, 'horizontal');
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($largetick-before-height, $largetick-before-top, 'horizontal');
             }
           }
@@ -954,7 +963,13 @@
       &.e-scale {
         &.e-h-scale {
           .e-tick {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($tick-before-height, $tick-before-top, 'horizontal');
+              @if ($skin-name == 'material-dark') {
+                background-position-x: center;
+              }
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($tick-before-height, $tick-before-top, 'horizontal');
             }
             @else {
@@ -964,7 +979,10 @@
           }
 
           .e-large {
-            @if ($skin-name != 'material' and $skin-name != 'material-dark') {
+            @if ($skin-name != 'material' and $skin-name == 'material-dark') {
+              @include alignment($largetick-after-height, $largetick-after-top, 'horizontal');
+            }
+            @else if ($skin-name != 'material' and $skin-name != 'material-dark') {
               @include alignment($largetick-after-height, $largetick-after-top, 'horizontal');
             }
           }
@@ -1040,7 +1058,12 @@
             }
             @if ($skin-name == 'material' or $skin-name == 'material-dark') {
               background-position: center;
-              height: 99%;
+              @if ($skin-name == 'material-dark') {
+                height: 12px;
+              }
+              @else {
+                height: 99%;
+              }
             }
           }
 
@@ -1066,6 +1089,10 @@
             @else if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
               @include alignment(calc(100% + 3px), -9px, 'horizontal');
             }
+            @else if ($skin-name == 'material-dark') {
+              height: 20px;
+              top: 4px;
+            }
           }
         }
 
@@ -1165,7 +1192,7 @@
           background-position: center center;
         }
 
-        @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
+        @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'material-dark') {
           &.e-large {
             @if ($skin-name != 'bootstrap4') {
               background-image: $slider-scale-tick-image-dark;
@@ -1255,7 +1282,7 @@
         .e-tick {
           display: inline-block;
           @if ($skin-name == 'material' or $skin-name == 'material-dark') {
-            background-repeat: no-repeat;
+            background-repeat: repeat-y;
           }
 
           @if ($skin-name != 'material' and $skin-name != 'material-dark') {

package/styles/slider/_material-dark-definition.scss

@@ -55,14 +55,14 @@ $slider-final-transform: scale(1) !default;
 $slider-handle-after-position: absolute !default;
 $slider-handle-normal-border-color: $accent !default;
 $slider-handle-hover-border-color: $accent !default;
-$tick-after-height: $slider-height !default;
-$tick-after-top: calc(50% - 10px) !default;
-$largetick-before-top: 0 !default;
-$largetick-before-height: $slider-height !default;
-$largetick-after-height: $slider-height !default;
-$largetick-after-top: 0 !default;
-$tick-before-height: $slider-height !default;
-$tick-before-top: 0 !default;
+$tick-after-height: 7px !default;
+$tick-after-top: 5px;
+$largetick-before-top: 5px !default;
+$largetick-before-height: 10px !default;
+$largetick-after-height: 10px !default;
+$largetick-after-top: 13px !default;
+$tick-before-height: 7px !default;
+$tick-before-top: 10px !default;
 $slider-btn-container-height: 2px !default;
 $slider-horizontal-btn-icon-prev: '\e981' !default;
 $slider-vertical-btn-icon-prev: '\e969' !default;
@@ -148,7 +148,8 @@ $slider-tick-font-color: $grey-dark-font !default;
 
 //enddefault
 //dimensions
-$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=');
+$slider-scale-tick-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHCAYAAAAie5yXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBlcYxAQAACAJBNOlHMboMFOCmG+Bkq6jyZBgBrr7SD7YAAAAASUVORK5CYII=');
+$slider-scale-tick-image-dark: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBrcYxAQAACAJBNOlHMboMROCmG+Bkq2jlAZHeAbRZSr3QAAAAAElFTkSuQmCC');
 
 // dummy variable declaration to avoid compilation issue in SASS
 $slider-handle-mobile-height: none !default;

package/styles/slider/material-dark.css

@@ -332,9 +332,13 @@
   cursor: pointer;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 5px;
   background-position: bottom;
-  height: 50%;
-  top: 1px;
+}
+.e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 5px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
   background-position: right;
@@ -342,9 +346,13 @@
   left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
+  height: 7px;
+  top: 10px;
   background-position-x: center;
-  height: 50%;
-  top: calc(50% - 1px);
+}
+.e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
+  height: 10px;
+  top: 13px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
   background-position: left;
@@ -353,7 +361,11 @@
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
   background-position: center;
-  height: 99%;
+  height: 12px;
+}
+.e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
+  height: 20px;
+  top: 4px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
   background-position: center;
@@ -378,7 +390,7 @@
   z-index: 1;
 }
 .e-control-wrapper.e-slider-container .e-scale .e-tick {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII=");
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAHCAYAAAAie5yXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBlcYxAQAACAJBNOlHMboMFOCmG+Bkq6jyZBgBrr7SD7YAAAAASUVORK5CYII=");
   cursor: default;
   outline: none;
   position: relative;
@@ -387,6 +399,9 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-control-wrapper.e-slider-container .e-scale .e-tick.e-large {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAYAAACe5Y9JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBrcYxAQAACAJBNOlHMboMROCmG+Bkq2jlAZHeAbRZSr3QAAAAAElFTkSuQmCC");
+}
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
   color: #fff;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -416,7 +431,7 @@
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;

package/styles/slider/material.css

@@ -416,7 +416,7 @@
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
   display: inline-block;
-  background-repeat: no-repeat;
+  background-repeat: repeat-y;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;