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

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

@@ -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[];
@@ -26,6 +25,9 @@ export declare class RatingComponent extends Rating implements IComponentBase {
     valueChange: any;
     /**
      * Defines the template that defines the appearance of each rated item in a rating component.
+     *
+     * {% codeBlock src='rating/fullTemplate/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
      */
     fullTemplate: any;
@@ -37,11 +39,17 @@ export declare class RatingComponent extends Rating implements IComponentBase {
     /**
      * Defines the template that used as tooltip content over default tooltip content of the rating.
      * The current value of rating passed as context to build the content.
+     *
+     * {% codeBlock src='rating/tooltipTemplate/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
      */
     tooltipTemplate: any;
     /**
      * Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.
+     *
+     * {% codeBlock src='rating/labelTemplate/index.md' %}{% endcodeBlock %}
+     *
      * @default ''
      */
     labelTemplate: any;
@@ -58,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

@@ -6162,6 +6162,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 6px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

package/styles/bootstrap.css

@@ -6141,6 +6141,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 6px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

package/styles/bootstrap4.css

@@ -6225,6 +6225,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 10px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

package/styles/bootstrap5-dark.css

@@ -5517,7 +5517,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 16px 0 16px 16px;
 }
 .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
-  font-size: 15px;
+  font-size: 16px;
   margin-left: 16px;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -5530,7 +5530,7 @@ input.e-input::-webkit-input-placeholder {
   top: 0;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
-  font-size: 15px;
+  font-size: 16px;
   padding-top: 15px;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -5538,7 +5538,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 10px 0;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
-  font-size: 15px;
+  font-size: 16px;
   padding-top: 15px;
   top: initial;
 }
@@ -6114,7 +6114,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 12px 0 12px 12px;
 }
 .e-small .e-upload .e-file-select-wrap .e-file-drop {
-  font-size: 13px;
+  font-size: 12px;
   margin-left: 10px;
 }
 .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6417,6 +6417,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

package/styles/bootstrap5.css

@@ -5517,7 +5517,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 16px 0 16px 16px;
 }
 .e-bigger .e-upload .e-file-select-wrap .e-file-drop {
-  font-size: 15px;
+  font-size: 16px;
   margin-left: 16px;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list {
@@ -5530,7 +5530,7 @@ input.e-input::-webkit-input-placeholder {
   top: 0;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
-  font-size: 15px;
+  font-size: 16px;
   padding-top: 15px;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
@@ -5538,7 +5538,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 10px 0;
 }
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
-  font-size: 15px;
+  font-size: 16px;
   padding-top: 15px;
   top: initial;
 }
@@ -6114,7 +6114,7 @@ input.e-input::-webkit-input-placeholder {
   padding: 12px 0 12px 12px;
 }
 .e-small .e-upload .e-file-select-wrap .e-file-drop {
-  font-size: 13px;
+  font-size: 12px;
   margin-left: 10px;
 }
 .e-small .e-upload .e-upload-files .e-upload-file-list {
@@ -6417,6 +6417,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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

@@ -131,6 +131,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 6px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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.css

@@ -131,6 +131,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 6px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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.css

@@ -144,6 +144,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 10px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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.css

@@ -154,6 +154,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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.css

@@ -154,6 +154,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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.css

@@ -131,6 +131,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 7px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;

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';