@syncfusion/ej2-vue-inputs 20.3.57 → 20.4.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@20.3.56",
+  "_id": "@syncfusion/ej2-vue-inputs@18.69.0",
   "_inBundle": false,
-  "_integrity": "sha512-QFRCfZ9PdL50qcmAAf1gDKi9LUueu0tPGDYzzArz4oKH/91kKykc4d6mdCDDZrb0fl4ZH5I6JEz9AFOUKF9epQ==",
+  "_integrity": "sha512-2QXGFMH/kzWbJMZqQe0oZgpZSQQ2PTQWkMgV89e1pLm1B/sJjw7Ne0i1NkDmolNgqfubOlPpdPYwgCFYQ3F5Tw==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-20.3.56.tgz",
-  "_shasum": "b21e205b35cfc82f101261a987b83369c657619f",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-18.69.0.tgz",
+  "_shasum": "69761e38b6d15c6bd75fcc18d9999fb846256c4a",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.56",
-    "@syncfusion/ej2-inputs": "20.3.57",
-    "@syncfusion/ej2-vue-base": "~20.3.56"
+    "@syncfusion/ej2-base": "~20.4.38",
+    "@syncfusion/ej2-inputs": "20.4.38",
+    "@syncfusion/ej2-vue-base": "~20.4.38"
   },
   "deprecated": false,
   "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. for Vue",
@@ -92,6 +92,9 @@
     "input-file",
     "floating-label",
     "chunk-upload",
+    "rating",
+    "ej2-rating",
+    "ej2 rating",
     "vue",
     "vuejs",
     "ej2-vue-inputs",
@@ -110,7 +113,8 @@
     "vue-upload",
     "vue-upload-box",
     "vue-input-file",
-    "vue-chunk-upload"
+    "vue-chunk-upload",
+    "vue-rating"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-vue-inputs.umd.min.js",
@@ -123,6 +127,6 @@
   "scripts": {
     "postinstall": "node ../ej2-vue-base/postinstall.js"
   },
-  "version": "20.3.57",
+  "version": "20.4.38",
   "sideEffects": false
 }

package/rating.d.ts

@@ -0,0 +1,4 @@
+/**
+ * rating
+ */
+export * from './src/rating/index';

package/rating.js

@@ -0,0 +1,4 @@
+/**
+ * rating
+ */
+export * from './src/rating/index';

package/src/index.d.ts

@@ -7,3 +7,4 @@ export { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugi
 export { UploaderComponent, UploaderPlugin } from './uploader/uploader.component';
 export { ColorPickerComponent, ColorPickerPlugin } from './color-picker/colorpicker.component';
 export { SignatureComponent, SignaturePlugin } from './signature/signature.component';
+export { RatingComponent, RatingPlugin } from './rating/rating.component';

package/src/index.js

@@ -7,3 +7,4 @@ export { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugi
 export { UploaderComponent, UploaderPlugin } from './uploader/uploader.component';
 export { ColorPickerComponent, ColorPickerPlugin } from './color-picker/colorpicker.component';
 export { SignatureComponent, SignaturePlugin } from './signature/signature.component';
+export { RatingComponent, RatingPlugin } from './rating/rating.component';

package/src/rating/index.d.ts

@@ -0,0 +1 @@
+export { RatingComponent, RatingPlugin } from './rating.component';

package/src/rating/index.js

@@ -0,0 +1 @@
+export { RatingComponent, RatingPlugin } from './rating.component';

package/src/rating/rating.component.d.ts

@@ -0,0 +1,39 @@
+import { ComponentBase } from '@syncfusion/ej2-vue-base';
+export declare const properties: string[];
+export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any;
+export declare const watch: any;
+export declare const emitProbs: any;
+/**
+ * Represents the Essential JS 2 VueJS Rating Component
+ * ```html
+ * <ejs-rating v-bind:value='value'></ejs-rating>
+ * ```
+ */
+export declare class RatingComponent extends ComponentBase {
+    ej2Instances: any;
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    protected hasInjectedModules: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    isVue3: boolean;
+    templateCollection: any;
+    constructor();
+    clearTemplate(templateNames?: string[]): any;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    render(createElement: any): any;
+    custom(): void;
+    reset(): void;
+}
+export declare const RatingPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/rating/rating.component.js

@@ -0,0 +1,190 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { isUndefined } from '@syncfusion/ej2-base';
+import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { Rating } from '@syncfusion/ej2-inputs';
+import { Options } from 'vue-class-component';
+export var properties = ['isLazyUpdate', 'plugins', 'allowReset', 'cssClass', 'disabled', 'emptyTemplate', 'enableAnimation', 'enablePersistence', 'enableRtl', 'enableSingleSelection', 'fullTemplate', 'itemsCount', 'labelPosition', 'labelTemplate', 'locale', 'min', 'precision', 'readOnly', 'showLabel', 'showTooltip', 'tooltipTemplate', 'value', 'visible', 'beforeItemRender', 'created', 'onItemHover', 'valueChanged'];
+export var modelProps = ['value'];
+export var testProp = getProps({ props: properties });
+export var props = testProp[0];
+export var watch = testProp[1];
+export var emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
+/**
+ * Represents the Essential JS 2 VueJS Rating Component
+ * ```html
+ * <ejs-rating v-bind:value='value'></ejs-rating>
+ * ```
+ */
+var RatingComponent = /** @class */ (function (_super) {
+    __extends(RatingComponent, _super);
+    function RatingComponent() {
+        var _this = _super.call(this, arguments) || this;
+        _this.propKeys = properties;
+        _this.models = modelProps;
+        _this.hasChildDirective = false;
+        _this.hasInjectedModules = false;
+        _this.tagMapper = {};
+        _this.tagNameMapper = {};
+        _this.isVue3 = !isExecute;
+        _this.ej2Instances = new Rating({});
+        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
+        _this.ej2Instances.trigger = _this.trigger;
+        _this.bindProperties();
+        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
+        _this.ej2Instances.setProperties = _this.setProperties;
+        _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
+        return _this;
+    }
+    RatingComponent.prototype.clearTemplate = function (templateNames) {
+        if (!templateNames) {
+            templateNames = Object.keys(this.templateCollection || {});
+        }
+        if (templateNames.length && this.templateCollection) {
+            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                var tempName = templateNames_1[_i];
+                var elementCollection = this.templateCollection[tempName];
+                if (elementCollection && elementCollection.length) {
+                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                        var ele = elementCollection_1[_a];
+                        var destroy = getValue('__vue__.$destroy', ele);
+                        if (destroy) {
+                            ele.__vue__.$destroy();
+                        }
+                        if (ele.innerHTML) {
+                            ele.innerHTML = '';
+                        }
+                    }
+                    delete this.templateCollection[tempName];
+                }
+            }
+        }
+    };
+    RatingComponent.prototype.setProperties = function (prop, muteOnChange) {
+        var _this = this;
+        if (this.isVue3) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if (this.ej2Instances && this.ej2Instances._setProperties) {
+            this.ej2Instances._setProperties(prop, muteOnChange);
+        }
+        if (prop && this.models && this.models.length) {
+            Object.keys(prop).map(function (key) {
+                _this.models.map(function (model) {
+                    if ((key === model) && !(/datasource/i.test(key))) {
+                        if (_this.isVue3) {
+                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                        }
+                        else {
+                            _this.$emit('update:' + key, prop[key]);
+                            _this.$emit('modelchanged', prop[key]);
+                        }
+                    }
+                });
+            });
+        }
+    };
+    RatingComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
+        if (!isExecute) {
+            this.models = !this.models ? this.ej2Instances.referModels : this.models;
+        }
+        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/checked|value/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                if (!isExecute) {
+                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
+                }
+                else {
+                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
+                }
+            }
+        }
+        else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
+            var key = this.models.toString().match(/currentView|selectedDate/) || [];
+            var propKey = key[0];
+            if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                if (!isExecute) {
+                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                }
+                else {
+                    this.$emit('update:' + propKey, eventProp[propKey]);
+                    this.$emit('modelchanged', eventProp[propKey]);
+                }
+            }
+        }
+        if ((this.ej2Instances && this.ej2Instances._trigger)) {
+            this.ej2Instances._trigger(eventName, eventProp, successHandler);
+        }
+    };
+    RatingComponent.prototype.render = function (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('input', slots);
+    };
+    RatingComponent.prototype.custom = function () {
+        this.updated();
+    };
+    RatingComponent.prototype.reset = function () {
+        return this.ej2Instances.reset();
+    };
+    RatingComponent = __decorate([
+        EJComponentDecorator({
+            props: properties,
+            model: {
+                event: 'modelchanged'
+            }
+        }, isExecute)
+        ,Options({
+            props: props,
+            watch: watch,
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
+        })
+    ], RatingComponent);
+    return RatingComponent;
+}(ComponentBase));
+export { RatingComponent };
+export var RatingPlugin = {
+    name: 'ejs-rating',
+    install: function (Vue) {
+        Vue.component(RatingPlugin.name, RatingComponent);
+    }
+};

package/src/uploader/uploader.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import { FilesDirective, UploadedFilesDirective, FilesPlugin, UploadedFilesPlugin } from './files.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'plugins', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
+export var properties = ['isLazyUpdate', 'plugins', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/styles/bootstrap-dark.css

@@ -6766,4 +6766,268 @@ body.e-colorpicker-overflow {
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip {
   background-color: #fff;
   border-color: #fff;
+}
+
+.e-rating-container {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  min-width: max-content;
+}
+.e-rating-container .e-rating {
+  display: none;
+}
+.e-rating-container .e-rating-item-list {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  padding: 0;
+  margin: 4px;
+}
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
+  outline: 1px solid;
+}
+.e-rating-container .e-rating-item-list:focus-visible {
+  outline: none;
+}
+.e-rating-container.e-rating-readonly {
+  cursor: default;
+  pointer-events: none;
+}
+.e-rating-container .e-rating-item-container {
+  cursor: pointer;
+  font-size: 20px;
+  padding: 4px;
+  line-height: 9px;
+  display: block;
+  position: relative;
+}
+.e-rating-container .e-rating-item-container .e-rating-item {
+  display: block;
+}
+.e-rating-container.e-rating-animation:not(.e-disabled) .e-rating-item-container:hover .e-rating-item {
+  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transform: scale(1.4);
+}
+.e-rating-container.e-disabled {
+  cursor: default;
+  pointer-events: none;
+}
+.e-rating-container.e-rating-hidden {
+  display: none;
+}
+.e-rating-container .e-reset {
+  cursor: pointer;
+  margin: auto 2px 6px;
+  font-size: 16px;
+  padding: 2px;
+}
+.e-rating-container .e-reset.e-disabled {
+  cursor: default;
+}
+.e-rating-container .e-rating-label {
+  font-size: 12px;
+  line-height: 18px;
+}
+.e-rating-container .e-rating-label.e-label-right, .e-rating-container .e-rating-label.e-label-left {
+  min-width: 50px;
+}
+.e-rating-container .e-rating-label.e-label-bottom, .e-rating-container .e-rating-label.e-label-top {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+  width: 0;
+  text-align: center;
+}
+.e-rating-container .e-rating-label.e-label-right {
+  text-align: left;
+  margin: auto 4px;
+}
+.e-rating-container .e-rating-label.e-label-left {
+  text-align: right;
+  margin: auto 4px;
+}
+.e-rating-container .e-rating-label.e-label-top {
+  margin: 8px 0;
+}
+.e-rating-container .e-rating-label.e-label-bottom {
+  margin: 8px 0;
+}
+.e-rating-container.e-rtl .e-rating-label.e-label-right {
+  text-align: right;
+}
+.e-rating-container.e-rtl .e-rating-label.e-label-left {
+  text-align: left;
+}
+.e-rating-container .e-tooltip-wrap.e-rating-tooltip {
+  display: none;
+  -ms-flex-pack: center;
+      justify-content: center;
+  left: 50%;
+  top: -8px;
+  transform: translate(-50%, -100%);
+}
+.e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-tip-content {
+  width: max-content;
+}
+.e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip.e-tip-bottom {
+  left: 50%;
+  top: 100%;
+  transform: translate(-50%, 0);
+}
+.e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip-inner.e-tip-bottom {
+  top: -6px;
+}
+
+.e-rating-tooltip .e-tip-content {
+  text-align: center;
+}
+
+.e-small.e-rating-container .e-rating-item-container,
+.e-small .e-rating-container .e-rating-item-container {
+  font-size: 16px;
+  line-height: 4px;
+}
+.e-small.e-rating-container .e-rating-label,
+.e-small .e-rating-container .e-rating-label {
+  font-size: 10px;
+  line-height: 16px;
+}
+.e-small.e-rating-container .e-reset,
+.e-small .e-rating-container .e-reset {
+  font-size: 12px;
+}
+
+.e-bigger.e-rating-container .e-rating-item-container,
+.e-bigger .e-rating-container .e-rating-item-container {
+  font-size: 32px;
+  line-height: 16px;
+}
+.e-bigger.e-rating-container .e-rating-label,
+.e-bigger .e-rating-container .e-rating-label {
+  font-size: 14px;
+  line-height: 22px;
+}
+.e-bigger.e-rating-container .e-reset,
+.e-bigger .e-rating-container .e-reset {
+  font-size: 28px;
+}
+
+.e-bigger.e-small.e-rating-container .e-rating-item-container,
+.e-bigger.e-small .e-rating-container .e-rating-item-container,
+.e-bigger .e-small.e-rating-container .e-rating-item-container,
+.e-small .e-bigger.e-rating-container .e-rating-item-container {
+  font-size: 26px;
+  line-height: 9px;
+}
+.e-bigger.e-small.e-rating-container .e-rating-label,
+.e-bigger.e-small .e-rating-container .e-rating-label,
+.e-bigger .e-small.e-rating-container .e-rating-label,
+.e-small .e-bigger.e-rating-container .e-rating-label {
+  font-size: 12px;
+  line-height: 18px;
+}
+.e-bigger.e-small.e-rating-container .e-reset,
+.e-bigger.e-small .e-rating-container .e-reset,
+.e-bigger .e-small.e-rating-container .e-reset,
+.e-small .e-bigger.e-rating-container .e-reset {
+  font-size: 22px;
+}
+
+.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+  outline-color: #676767;
+  border-radius: 2px;
+}
+.e-rating-container .e-reset {
+  color: #acacac;
+}
+.e-rating-container .e-reset:hover {
+  color: #676767;
+}
+.e-rating-container .e-reset.e-disabled {
+  color: #505050;
+}
+.e-rating-container .e-rating-item-container .e-rating-icon {
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 1px #676767;
+}
+.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: linear-gradient(to right, #acacac 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 #acacac;
+}
+.e-rating-container .e-rating-item-container.e-selected-value .e-rating-icon {
+  -webkit-text-stroke: 1px #57a5ff;
+}
+.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: linear-gradient(to right, #57a5ff 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 #57a5ff;
+}
+.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: linear-gradient(to right, #57a5ff 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 #57a5ff;
+}
+.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: linear-gradient(to left, #acacac 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 */
+}
+.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: linear-gradient(to left, #57a5ff 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 */
+}
+.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: linear-gradient(to left, #57a5ff 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 */
+}
+.e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
+  -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: linear-gradient(to right, #505050 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 #505050;
+}
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
+  background: linear-gradient(to left, #505050 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 */
+}
+.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+  background: linear-gradient(to left, #505050 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 */
 }

package/styles/bootstrap-dark.scss

@@ -6,3 +6,4 @@
 @import 'textbox/bootstrap-dark.scss';
 @import 'uploader/bootstrap-dark.scss';
 @import 'color-picker/bootstrap-dark.scss';
+@import 'rating/bootstrap-dark.scss';