@syncfusion/ej2-inputs 32.2.5 → 32.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.5
+*  version : 32.2.8
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "32.2.5",
+  "version": "32.2.8",
   "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",
@@ -8,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.3",
-    "@syncfusion/ej2-buttons": "~32.2.3",
-    "@syncfusion/ej2-popups": "~32.2.5",
-    "@syncfusion/ej2-splitbuttons": "~32.2.3"
+    "@syncfusion/ej2-base": "~32.2.6",
+    "@syncfusion/ej2-buttons": "~32.2.7",
+    "@syncfusion/ej2-popups": "~32.2.8",
+    "@syncfusion/ej2-splitbuttons": "~32.2.7"
   },
   "devDependencies": {},
   "keywords": [

package/src/color-picker/color-picker.d.ts

@@ -209,6 +209,7 @@ export declare class ColorPicker extends Component<HTMLInputElement> implements
     private onOpen;
     private getPopupInst;
     private bindCallBackEvent;
+    protected getAppendToElement(): HTMLElement;
     private onPopupClose;
     private createPalette;
     private renderRecentColor;

package/src/color-picker/color-picker.js

@@ -202,6 +202,9 @@ var ColorPicker = /** @class */ (function (_super) {
             }
         });
         this.splitBtn.createElement = this.createElement;
+        if (this.isAngular) {
+            this.splitBtn.isAngular = this.isAngular;
+        }
         this.splitBtn.appendTo(splitButton);
         this.splitBtn.element.setAttribute('aria-label', 'colorpicker');
         var preview = this.createElement('span', { className: SPLITPREVIEW });
@@ -275,8 +278,9 @@ var ColorPicker = /** @class */ (function (_super) {
                         _this.modal = _this.createElement('div');
                         _this.modal.className = 'e-' + _this.getModuleName() + ' e-modal';
                         _this.modal.style.display = 'none';
-                        document.body.insertBefore(_this.modal, popupEle);
-                        document.body.className += ' e-colorpicker-overflow';
+                        var appendToElement = _this.getAppendToElement();
+                        appendToElement.insertBefore(_this.modal, popupEle);
+                        appendToElement.className += ' e-colorpicker-overflow';
                         _this.modal.style.display = 'block';
                         _this.modal.style.zIndex = (Number(popupEle.style.zIndex) - 1).toString();
                     }
@@ -310,6 +314,16 @@ var ColorPicker = /** @class */ (function (_super) {
             return callBackPromise;
         };
     };
+    ColorPicker.prototype.getAppendToElement = function () {
+        if (this.isAngular) {
+            var cdkPane = this.element.closest('.cdk-overlay-pane');
+            var popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    };
     ColorPicker.prototype.onPopupClose = function () {
         this.unWireEvents();
         this.destroyOtherComp();
@@ -319,7 +333,8 @@ var ColorPicker = /** @class */ (function (_super) {
         this.container.innerHTML = '';
         removeClass([this.container], [PICKERCONTENT, PALETTECONTENT]);
         if (Browser.isDevice && this.modal) {
-            removeClass([document.body], 'e-colorpicker-overflow');
+            var appendToElement = this.getAppendToElement();
+            removeClass([appendToElement], 'e-colorpicker-overflow');
             this.modal.style.display = 'none';
             this.modal.outerHTML = '';
             this.modal = null;
@@ -1524,6 +1539,10 @@ var ColorPicker = /** @class */ (function (_super) {
                 this.unWireEvents();
                 this.destroyOtherComp();
             }
+            this.splitBtn.beforeClose = null;
+            this.splitBtn.beforeOpen = null;
+            this.splitBtn.click = null;
+            this.splitBtn.open = null;
             this.splitBtn.destroy();
             this.splitBtn = null;
         }

package/src/common/signature-base.d.ts

@@ -31,6 +31,7 @@ export declare abstract class SignatureBase extends Component<HTMLCanvasElement>
     private tempCanvas;
     private tempContext;
     private canRedraw;
+    private boundResizeHandler;
     /**
      * Gets or sets the background color of the component.
      *

package/src/common/signature-base.js

@@ -65,7 +65,8 @@ var SignatureBase = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.pointColl) && !this.isReadOnly && !this.disabled) {
             EventHandler.add(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler, this);
             EventHandler.add(this.canvasContext.canvas, 'keydown', this.keyboardHandler, this);
-            window.addEventListener('resize', this.resizeHandler.bind(this));
+            this.boundResizeHandler = this.resizeHandler.bind(this);
+            window.addEventListener('resize', this.boundResizeHandler);
         }
         else if (this.pointColl) {
             EventHandler.add(this.canvasContext.canvas, 'mousemove touchmove', this.mouseMoveHandler, this);
@@ -86,7 +87,10 @@ var SignatureBase = /** @class */ (function (_super) {
                 EventHandler.remove(this.canvasContext.canvas, 'mousedown touchstart', this.mouseDownHandler);
                 EventHandler.remove(this.canvasContext.canvas, 'keydown', this.keyboardHandler);
             }
-            window.removeEventListener('resize', this.resizeHandler);
+            if (this.boundResizeHandler) {
+                window.removeEventListener('resize', this.boundResizeHandler);
+                this.boundResizeHandler = null;
+            }
         }
     };
     SignatureBase.prototype.setHTMLProperties = function () {

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -594,6 +594,7 @@ var MaskedTextBox = /** @class */ (function (_super) {
         }, this.clearButton);
         this.changeEventArgs = null;
         this.inputObj = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     __decorate([

package/src/numerictextbox/numerictextbox.js

@@ -1293,6 +1293,7 @@ var NumericTextBox = /** @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/src/textarea/textarea.js

@@ -537,6 +537,7 @@ var TextArea = /** @class */ (function (_super) {
             properties: this.properties
         }, this.clearButton);
         this.formElement = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     TextArea.prototype.focusHandler = function (args) {

package/src/textbox/textbox.js

@@ -695,6 +695,7 @@ var TextBox = /** @class */ (function (_super) {
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/src/uploader/uploader.d.ts

@@ -525,6 +525,7 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
     private isFirstFileOnSelection;
     private dragCounter;
     private isPreloadFiles;
+    private documentClickHandler;
     /**
      * Get the file item(li) which are shown in file list.
      *

package/src/uploader/uploader.js

@@ -745,7 +745,8 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.wireEvents = function () {
         EventHandler.add(this.browseButton, 'click', this.browseButtonClick, this);
         EventHandler.add(this.element, 'change', this.onSelectFiles, this);
-        EventHandler.add(document, 'click', this.removeFocus, this);
+        this.documentClickHandler = this.removeFocus.bind(this);
+        EventHandler.add(document, 'click', this.documentClickHandler);
         this.keyboardModule = new KeyboardEvents(this.uploadWrapper, {
             keyAction: this.keyActionHandler.bind(this),
             keyConfigs: this.keyConfigs,
@@ -758,7 +759,10 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.unWireEvents = function () {
         EventHandler.remove(this.browseButton, 'click', this.browseButtonClick);
         EventHandler.remove(this.element, 'change', this.onSelectFiles);
-        EventHandler.remove(document, 'click', this.removeFocus);
+        if (this.documentClickHandler) {
+            EventHandler.remove(document, 'click', this.documentClickHandler);
+            this.documentClickHandler = null;
+        }
         if (this.isForm) {
             EventHandler.remove(this.formElement, 'reset', this.resetForm);
         }
@@ -3021,6 +3025,7 @@ var Uploader = /** @class */ (function (_super) {
         this.keyboardModule = null;
         this.clearButton = null;
         this.uploadButton = null;
+        setValue('ej2_instances', null, this.element);
         _super.prototype.destroy.call(this);
     };
     /**

package/styles/bds-lite.css

@@ -5660,7 +5660,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to right, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
@@ -5956,7 +5955,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, right top, left top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to left, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -6373,7 +6371,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6385,7 +6382,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-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-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6394,7 +6390,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-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-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6403,7 +6398,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-pressed-color);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6411,7 +6405,6 @@ 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-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6419,7 +6412,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6433,7 +6425,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-unrated-disabled-color);
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6442,7 +6433,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-disabled-color);
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -6450,7 +6440,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bds.css

@@ -8865,7 +8865,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, left top, right top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to right, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
@@ -9161,7 +9160,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(var(--color-sf-base-black))), -webkit-gradient(linear, right top, left top, color-stop(0, var(--color-sf-base-white)), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--color-sf-base-black) 100%), linear-gradient(to left, var(--color-sf-base-white) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -9870,7 +9868,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9882,7 +9879,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-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-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9891,7 +9887,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-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-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9900,7 +9895,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-pressed-color);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9908,7 +9902,6 @@ 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-utility-rating-selected-hover-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-hover-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9916,7 +9909,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-pressed-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-pressed-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9930,7 +9922,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-unrated-disabled-color);
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to right, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9939,7 +9930,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px var(--color-sf-utility-rating-selected-disabled-color);
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-unrated-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-unrated-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9947,7 +9937,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(var(--color-sf-utility-rating-selected-disabled-color)), to(transparent));
   background: linear-gradient(to left, var(--color-sf-utility-rating-selected-disabled-color) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-dark-lite.css

@@ -5513,7 +5513,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
   background: linear-gradient(to right, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5525,7 +5524,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5534,7 +5532,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5543,7 +5540,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
   background: linear-gradient(to left, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5551,7 +5547,6 @@ 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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5559,7 +5554,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5573,7 +5567,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#505050), to(transparent));
   background: linear-gradient(to right, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5582,7 +5575,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5590,7 +5582,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-dark.css

@@ -8456,7 +8456,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
   background: linear-gradient(to right, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8468,7 +8467,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8477,7 +8475,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to right, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8486,7 +8483,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(87, 165.4, 255);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
   background: linear-gradient(to left, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8494,7 +8490,6 @@ 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(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8502,7 +8497,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(87, 165.4, 255)), to(transparent));
   background: linear-gradient(to left, rgb(87, 165.4, 255) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8516,7 +8510,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#505050), to(transparent));
   background: linear-gradient(to right, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8525,7 +8518,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8533,7 +8525,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/bootstrap-lite.css

@@ -5516,7 +5516,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#444), to(transparent));
   background: linear-gradient(to right, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5528,7 +5527,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .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(#3071a9), to(transparent));
   background: linear-gradient(to right, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5537,7 +5535,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3071a9;
 }
 .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(#317ab9), to(transparent));
   background: linear-gradient(to right, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5546,7 +5543,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #317ab9;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#444), to(transparent));
   background: linear-gradient(to left, #444 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5554,7 +5550,6 @@ 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(#3071a9), to(transparent));
   background: linear-gradient(to left, #3071a9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5562,7 +5557,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#317ab9), to(transparent));
   background: linear-gradient(to left, #317ab9 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5576,7 +5570,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#999), to(transparent));
   background: linear-gradient(to right, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5585,7 +5578,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #999;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5593,7 +5585,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#999), to(transparent));
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */