@syncfusion/ej2-inputs 30.1.38 → 30.1.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.1.38
+*  version : 30.1.40
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "30.1.38",
+  "version": "30.1.40",
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~30.1.38",
     "@syncfusion/ej2-buttons": "~30.1.37",
-    "@syncfusion/ej2-popups": "~30.1.37",
-    "@syncfusion/ej2-splitbuttons": "~30.1.37"
+    "@syncfusion/ej2-popups": "~30.1.40",
+    "@syncfusion/ej2-splitbuttons": "~30.1.39"
   },
   "devDependencies": {},
   "keywords": [

package/src/input/input.js

@@ -493,14 +493,26 @@ export var Input;
         return container;
     }
     function encodePlaceHolder(placeholder) {
-        var result = '';
-        if (!isNullOrUndefined(placeholder) && placeholder !== '') {
-            var spanEle = document.createElement('span');
-            spanEle.innerHTML = '<input  placeholder="' + placeholder + '"/>';
-            var hiddenInput = (spanEle.children[0]);
-            result = hiddenInput.placeholder;
+        if (placeholder == null || placeholder === '') {
+            return '';
         }
-        return result;
+        var decoded = decodeHtmlEntities(placeholder);
+        return decoded;
+    }
+    function decodeHtmlEntities(str) {
+        var entityMap = {
+            '&amp;': '&',
+            // eslint-disable-next-line quotes
+            '&quot;': '"',
+            // eslint-disable-next-line quotes
+            '&#39;': "'",
+            '&lt;': '<',
+            '&gt;': '>',
+            '&eacute;': 'é' // tslint:disable-line:comma-dangle
+        };
+        // tslint:disable-next-line:typedef
+        // tslint-disable-next-line security/detect-object-injection
+        return str.replace(/&[a-zA-Z#0-9]+;/g, function (entity) { return entityMap[entity] || entity; });
     }
     /**
      * Sets the value to the input element.

package/styles/bootstrap5.3-lite.css

@@ -2103,7 +2103,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: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-content-text-color);
 }
 
@@ -2112,7 +2112,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-icon-color);
 }
 

package/styles/bootstrap5.3.css

@@ -2103,7 +2103,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: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-content-text-color);
 }
 
@@ -2112,7 +2112,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-icon-color);
 }
 

package/styles/fluent2-lite.css

@@ -7217,16 +7217,16 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-rating-selected-color);
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
   background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-color)), to(transparent));
@@ -7246,8 +7246,8 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/fluent2.css

@@ -12180,16 +12180,16 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-rating-selected-color);
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
   background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-color)), to(transparent));
@@ -12209,8 +12209,8 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/styles/input/_bootstrap5.3-definition.scss

@@ -237,7 +237,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $close-icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/styles/input/bootstrap5.3.css

@@ -2093,7 +2093,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: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-content-text-color);
 }
 
@@ -2102,7 +2102,7 @@ textarea.e-input,
 .e-float-input input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
 .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
-  background: var(--color-sf-content-bg-color-alt2);
+  background: var(--color-sf-content-bg-color);
   color: var(--color-sf-icon-color);
 }
 

package/styles/rating/fluent2.css

@@ -200,16 +200,16 @@
   -webkit-text-stroke: 1px var(--color-sf-rating-selected-color);
 }
 .e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to right, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color:);
+  -webkit-text-stroke: 1px var(--color-sf-rating-selected-hover-color);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
   background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-rating-selected-color)), to(transparent));
@@ -229,8 +229,8 @@
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color:)), to(transparent));
-  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color:) var(--rating-value), transparent var(--rating-value));
+  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-rating-selected-hover-color)), to(transparent));
+  background: linear-gradient(to left, var(--color-sf-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;

package/tslint.json

@@ -0,0 +1,111 @@
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}