@syncfusion/ej2-angular-inputs 20.4.38 → 20.4.40-ngcc

package/src/index.d.ts

@@ -20,5 +20,8 @@ export { ColorPickerAllModule } from './color-picker/colorpicker-all.module';
 export { SignatureComponent } from './signature/signature.component';
 export { SignatureModule } from './signature/signature.module';
 export { SignatureAllModule } from './signature/signature-all.module';
+export { RatingComponent } from './rating/rating.component';
+export { RatingModule } from './rating/rating.module';
+export { RatingAllModule } from './rating/rating-all.module';
 export * from './form-validator/form-validator';
 export * from '@syncfusion/ej2-inputs';

package/src/maskedtextbox/maskedtextbox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./maskedtextbox.module";
 /**
  * NgModule definition for the MaskedTextBox component with providers.
  */
 export declare class MaskedTextBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaskedTextBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaskedTextBoxAllModule, never, [typeof i1.CommonModule, typeof i2.MaskedTextBoxModule], [typeof i2.MaskedTextBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MaskedTextBoxAllModule>;
 }

package/src/maskedtextbox/maskedtextbox.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { MaskedTextBox } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -37,6 +36,4 @@ export declare class MaskedTextBoxComponent extends MaskedTextBox implements ICo
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaskedTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedTextBoxComponent, "ejs-maskedtextbox", never, { "cssClass": "cssClass"; "customCharacters": "customCharacters"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "mask": "mask"; "placeholder": "placeholder"; "promptChar": "promptChar"; "readonly": "readonly"; "showClearButton": "showClearButton"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/maskedtextbox/maskedtextbox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./maskedtextbox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the MaskedTextBox component.
  */
 export declare class MaskedTextBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaskedTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MaskedTextBoxModule, [typeof i1.MaskedTextBoxComponent], [typeof i2.CommonModule], [typeof i1.MaskedTextBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MaskedTextBoxModule>;
 }

package/src/numerictextbox/numerictextbox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./numerictextbox.module";
 /**
  * NgModule definition for the NumericTextBox component with providers.
  */
 export declare class NumericTextBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NumericTextBoxAllModule, never, [typeof i1.CommonModule, typeof i2.NumericTextBoxModule], [typeof i2.NumericTextBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NumericTextBoxAllModule>;
 }

package/src/numerictextbox/numerictextbox.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { NumericTextBox } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -37,6 +36,4 @@ export declare class NumericTextBoxComponent extends NumericTextBox implements I
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumericTextBoxComponent, "ejs-numerictextbox", never, { "cssClass": "cssClass"; "currency": "currency"; "currencyCode": "currencyCode"; "decimals": "decimals"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "format": "format"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "max": "max"; "min": "min"; "placeholder": "placeholder"; "readonly": "readonly"; "showClearButton": "showClearButton"; "showSpinButton": "showSpinButton"; "step": "step"; "strictMode": "strictMode"; "validateDecimalOnType": "validateDecimalOnType"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/numerictextbox/numerictextbox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./numerictextbox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the NumericTextBox component.
  */
 export declare class NumericTextBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<NumericTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NumericTextBoxModule, [typeof i1.NumericTextBoxComponent], [typeof i2.CommonModule], [typeof i1.NumericTextBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<NumericTextBoxModule>;
 }

package/src/rating/rating-all.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Rating component with providers.
+ */
+export declare class RatingAllModule {
+}

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

@@ -0,0 +1,63 @@
+import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
+import { IComponentBase } from '@syncfusion/ej2-angular-base';
+import { Rating } from '@syncfusion/ej2-inputs';
+export declare const inputs: string[];
+export declare const outputs: string[];
+export declare const twoWays: string[];
+/**
+ * Represents the EJ2 Angular Rating Component.
+ * ```html
+ * <input ejs-rating [value]='value' />
+ * ```
+ */
+export declare class RatingComponent extends Rating implements IComponentBase {
+    private ngEle;
+    private srenderer;
+    private viewContainerRef;
+    private injector;
+    formCompContext: any;
+    formContext: any;
+    tagObjects: any;
+    beforeItemRender: any;
+    created: any;
+    onItemHover: any;
+    valueChanged: any;
+    valueChange: any;
+    /**
+     * Defines the template content for each item when it is selected.
+     * The template context will contain the current item value for customization.
+     * @default ''
+     */
+    fullTemplate: any;
+    /**
+     * Defines the template content for each item when it is not selected.
+     * The template context will contain the current item value for customization.
+     * @default ''
+     */
+    emptyTemplate: any;
+    /**
+     * Defines the template content for the tooltip.
+     * The template context will contain the current value for customization.
+     * @default ''
+     */
+    tooltipTemplate: any;
+    /**
+     * Defines the template content for the label.
+     * The template context will contain the current value and maximum value for customization.
+     * @default ''
+     */
+    labelTemplate: any;
+    focus: any;
+    blur: any;
+    constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
+    registerOnChange(registerFunction: (_: any) => void): void;
+    registerOnTouched(registerFunction: () => void): void;
+    writeValue(value: any): void;
+    setDisabledState(disabled: boolean): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentChecked(): void;
+    registerEvents: (eventList: string[]) => void;
+    addTwoWay: (propList: string[]) => void;
+}

package/src/rating/rating.module.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NgModule definition for the Rating component.
+ */
+export declare class RatingModule {
+}

package/src/signature/signature-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./signature.module";
 /**
  * NgModule definition for the Signature component with providers.
  */
 export declare class SignatureAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SignatureAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SignatureAllModule, never, [typeof i1.CommonModule, typeof i2.SignatureModule], [typeof i2.SignatureModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SignatureAllModule>;
 }

package/src/signature/signature.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Signature } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -35,6 +34,4 @@ export declare class SignatureComponent extends Signature implements IComponentB
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SignatureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SignatureComponent, "[ejs-signature]", never, { "backgroundColor": "backgroundColor"; "backgroundImage": "backgroundImage"; "disabled": "disabled"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "isReadOnly": "isReadOnly"; "locale": "locale"; "maxStrokeWidth": "maxStrokeWidth"; "minStrokeWidth": "minStrokeWidth"; "saveWithBackground": "saveWithBackground"; "strokeColor": "strokeColor"; "velocity": "velocity"; }, { "focus": "focus"; "blur": "blur"; "beforeSave": "beforeSave"; "change": "change"; "created": "created"; }, never, never>;
 }

package/src/signature/signature.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./signature.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Signature component.
  */
 export declare class SignatureModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SignatureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SignatureModule, [typeof i1.SignatureComponent], [typeof i2.CommonModule], [typeof i1.SignatureComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SignatureModule>;
 }

package/src/slider/slider-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./slider.module";
 /**
  * NgModule definition for the Slider component with providers.
  */
 export declare class SliderAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderAllModule, never, [typeof i1.CommonModule, typeof i2.SliderModule], [typeof i2.SliderModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SliderAllModule>;
 }

package/src/slider/slider.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Slider } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -39,6 +38,4 @@ export declare class SliderComponent extends Slider implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ejs-slider", never, { "colorRange": "colorRange"; "cssClass": "cssClass"; "customValues": "customValues"; "enableAnimation": "enableAnimation"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "limits": "limits"; "locale": "locale"; "max": "max"; "min": "min"; "orientation": "orientation"; "readonly": "readonly"; "showButtons": "showButtons"; "step": "step"; "ticks": "ticks"; "tooltip": "tooltip"; "type": "type"; "value": "value"; "width": "width"; }, { "focus": "focus"; "blur": "blur"; "change": "change"; "changed": "changed"; "created": "created"; "renderedTicks": "renderedTicks"; "renderingTicks": "renderingTicks"; "tooltipChange": "tooltipChange"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/slider/slider.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./slider.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Slider component.
  */
 export declare class SliderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, [typeof i1.SliderComponent], [typeof i2.CommonModule], [typeof i1.SliderComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SliderModule>;
 }

package/src/textbox/textbox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./textbox.module";
 /**
  * NgModule definition for the TextBox component with providers.
  */
 export declare class TextBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextBoxAllModule, never, [typeof i1.CommonModule, typeof i2.TextBoxModule], [typeof i2.TextBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TextBoxAllModule>;
 }

package/src/textbox/textbox.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { TextBox } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -38,6 +37,4 @@ export declare class TextBoxComponent extends TextBox implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "ejs-textbox", never, { "autocomplete": "autocomplete"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "multiline": "multiline"; "placeholder": "placeholder"; "readonly": "readonly"; "showClearButton": "showClearButton"; "type": "type"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/textbox/textbox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./textbox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the TextBox component.
  */
 export declare class TextBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextBoxModule, [typeof i1.TextBoxComponent], [typeof i2.CommonModule], [typeof i1.TextBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TextBoxModule>;
 }

package/src/uploader/files.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * 'e-files' directive represent a file of angular uploader
  * It must be contained in a Uploader component(`ejs-uploader`).
@@ -32,8 +31,6 @@ export declare class UploadedFilesDirective extends ComplexBase<UploadedFilesDir
      */
     size: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadedFilesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadedFilesDirective, "e-files>e-uploadedfiles", never, { "name": "name"; "size": "size"; "type": "type"; }, {}, never>;
 }
 /**
  * UploadedFiles Array Directive
@@ -41,6 +38,4 @@ export declare class UploadedFilesDirective extends ComplexBase<UploadedFilesDir
  */
 export declare class FilesDirective extends ArrayBase<FilesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilesDirective, "ejs-uploader>e-files", never, {}, {}, ["children"]>;
 }

package/src/uploader/uploader-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./uploader.module";
 /**
  * NgModule definition for the Uploader component with providers.
  */
 export declare class UploaderAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UploaderAllModule, never, [typeof i1.CommonModule, typeof i2.UploaderModule], [typeof i2.UploaderModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UploaderAllModule>;
 }

package/src/uploader/uploader.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Uploader } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -62,6 +61,4 @@ export declare class UploaderComponent extends Uploader implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploaderComponent, "ejs-uploader", never, { "allowedExtensions": "allowedExtensions"; "asyncSettings": "asyncSettings"; "autoUpload": "autoUpload"; "buttons": "buttons"; "cssClass": "cssClass"; "directoryUpload": "directoryUpload"; "dropArea": "dropArea"; "dropEffect": "dropEffect"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "files": "files"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxFileSize": "maxFileSize"; "minFileSize": "minFileSize"; "multiple": "multiple"; "sequentialUpload": "sequentialUpload"; "showFileList": "showFileList"; "template": "template"; }, { "focus": "focus"; "blur": "blur"; "actionComplete": "actionComplete"; "beforeRemove": "beforeRemove"; "beforeUpload": "beforeUpload"; "canceling": "canceling"; "change": "change"; "chunkFailure": "chunkFailure"; "chunkSuccess": "chunkSuccess"; "chunkUploading": "chunkUploading"; "clearing": "clearing"; "created": "created"; "failure": "failure"; "fileListRendering": "fileListRendering"; "pausing": "pausing"; "progress": "progress"; "removing": "removing"; "rendering": "rendering"; "resuming": "resuming"; "selected": "selected"; "success": "success"; "uploading": "uploading"; }, ["template", "childFiles"], never>;
 }

package/src/uploader/uploader.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./uploader.component";
-import * as i2 from "./files.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Uploader component.
  */
 export declare class UploaderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UploaderModule, [typeof i1.UploaderComponent, typeof i2.UploadedFilesDirective, typeof i2.FilesDirective], [typeof i3.CommonModule], [typeof i1.UploaderComponent, typeof i2.UploadedFilesDirective, typeof i2.FilesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UploaderModule>;
 }

package/styles/bootstrap-dark.css

@@ -6766,4 +6766,269 @@ 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);
+  pointer-events: none;
+}
+.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';