@syncfusion/ej2-inputs 26.1.41 → 26.1.42

package/dist/ej2-inputs.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inputs.min.js
-*  version : 26.1.41
+*  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/dist/ej2-inputs.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inputs.umd.min.js
-*  version : 26.1.41
+*  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/dist/global/ej2-inputs.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-inputs.min.js
-*  version : 26.1.41
+*  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/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.41
+*  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.40",
+  "_id": "@syncfusion/ej2-inputs@26.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-KaNx6fmmtXQCaVBAO/gkzVBI6GFjrKVk2yJTT9+QGP6r94OSVNhhgqrgSfOCPU/ifrD3FoSa2NSCysPwsvefUg==",
+  "_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.40.tgz",
-  "_shasum": "212812143e561c5383ba6a4f1afb31ab106b1979",
+  "_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.41",
+    "@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.41",
+  "version": "26.1.42",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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;