@syncfusion/ej2-angular-inputs 21.1.35 → 21.1.37-ngcc

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

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

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

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Rating } 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[];
@@ -67,6 +66,4 @@ export declare class RatingComponent extends Rating implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "[ejs-rating]", never, { "allowReset": "allowReset"; "cssClass": "cssClass"; "disabled": "disabled"; "emptyTemplate": "emptyTemplate"; "enableAnimation": "enableAnimation"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableSingleSelection": "enableSingleSelection"; "fullTemplate": "fullTemplate"; "itemsCount": "itemsCount"; "labelPosition": "labelPosition"; "labelTemplate": "labelTemplate"; "locale": "locale"; "min": "min"; "precision": "precision"; "readOnly": "readOnly"; "showLabel": "showLabel"; "showTooltip": "showTooltip"; "tooltipTemplate": "tooltipTemplate"; "value": "value"; "visible": "visible"; }, { "focus": "focus"; "blur": "blur"; "beforeItemRender": "beforeItemRender"; "created": "created"; "onItemHover": "onItemHover"; "valueChanged": "valueChanged"; "valueChange": "valueChange"; }, ["fullTemplate", "emptyTemplate", "tooltipTemplate", "labelTemplate"], never>;
 }

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

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./rating.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Rating component.
  */
 export declare class RatingModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RatingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingModule, [typeof i1.RatingComponent], [typeof i2.CommonModule], [typeof i1.RatingComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<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"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "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

@@ -6811,6 +6811,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 9px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6906,6 +6908,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 4px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -6921,6 +6925,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
   line-height: 16px;
+  min-width: 40px;
+  min-height: 40px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -6938,6 +6944,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 26px;
   line-height: 9px;
+  min-width: 34px;
+  min-height: 34px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/bootstrap.css

@@ -6790,6 +6790,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 9px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6885,6 +6887,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 4px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -6900,6 +6904,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
   line-height: 16px;
+  min-width: 40px;
+  min-height: 40px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -6917,6 +6923,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 26px;
   line-height: 9px;
+  min-width: 34px;
+  min-height: 34px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/bootstrap4.css

@@ -6944,6 +6944,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 11px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7039,6 +7041,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 4px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -7054,6 +7058,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
   line-height: 13px;
+  min-width: 40px;
+  min-height: 40px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -7071,6 +7077,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 9px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/bootstrap5-dark.css

@@ -7094,6 +7094,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 30px;
+  min-height: 30px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7189,6 +7191,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 6px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -7204,6 +7208,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
   line-height: 13px;
+  min-width: 40px;
+  min-height: 40px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -7221,6 +7227,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 26px;
   line-height: 13px;
+  min-width: 34px;
+  min-height: 34px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/bootstrap5.css

@@ -7094,6 +7094,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 30px;
+  min-height: 30px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7189,6 +7191,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 6px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -7204,6 +7208,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 32px;
   line-height: 13px;
+  min-width: 40px;
+  min-height: 40px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -7221,6 +7227,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 26px;
   line-height: 13px;
+  min-width: 34px;
+  min-height: 34px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/color-picker/bootstrap-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-dark-definition.scss';
-@import './../input/bootstrap-dark-definition.scss';
-@import './../numerictextbox/bootstrap-dark-definition.scss';
-@import './../slider/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap-dark.scss';

package/styles/color-picker/bootstrap.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-definition.scss';
-@import './../input/bootstrap-definition.scss';
-@import './../numerictextbox/bootstrap-definition.scss';
-@import './../slider/bootstrap-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap.scss';

package/styles/color-picker/bootstrap4.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap4-definition.scss';
-@import './../input/bootstrap4-definition.scss';
-@import './../numerictextbox/bootstrap4-definition.scss';
-@import './../slider/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap4.scss';

package/styles/color-picker/bootstrap5-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-dark-definition.scss';
-@import './../input/bootstrap5-dark-definition.scss';
-@import './../numerictextbox/bootstrap5-dark-definition.scss';
-@import './../slider/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap5-dark.scss';

package/styles/color-picker/bootstrap5.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-definition.scss';
-@import './../input/bootstrap5-definition.scss';
-@import './../numerictextbox/bootstrap5-definition.scss';
-@import './../slider/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap5.scss';

package/styles/color-picker/fabric-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fabric-dark-definition.scss';
-@import './../input/fabric-dark-definition.scss';
-@import './../numerictextbox/fabric-dark-definition.scss';
-@import './../slider/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fabric-dark.scss';

package/styles/color-picker/fabric.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fabric-definition.scss';
-@import './../input/fabric-definition.scss';
-@import './../numerictextbox/fabric-definition.scss';
-@import './../slider/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fabric.scss';

package/styles/color-picker/fluent-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fluent-dark-definition.scss';
-@import './../input/fluent-dark-definition.scss';
-@import './../numerictextbox/fluent-dark-definition.scss';
-@import './../slider/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fluent-dark.scss';

package/styles/color-picker/fluent.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fluent-definition.scss';
-@import './../input/fluent-definition.scss';
-@import './../numerictextbox/fluent-definition.scss';
-@import './../slider/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fluent.scss';

package/styles/color-picker/highcontrast-light.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-light-definition.scss';
-@import './../input/highcontrast-light-definition.scss';
-@import './../numerictextbox/highcontrast-light-definition.scss';
-@import './../slider/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast-light.scss';

package/styles/color-picker/highcontrast.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-definition.scss';
-@import './../input/highcontrast-definition.scss';
-@import './../numerictextbox/highcontrast-definition.scss';
-@import './../slider/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast.scss';

package/styles/color-picker/material-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-dark-definition.scss';
-@import './../input/material-dark-definition.scss';
-@import './../numerictextbox/material-dark-definition.scss';
-@import './../slider/material-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/material-dark.scss';

package/styles/color-picker/material.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-definition.scss';
-@import './../input/material-definition.scss';
-@import './../numerictextbox/material-definition.scss';
-@import './../slider/material-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/material.scss';