@syncfusion/ej2-angular-inputs 31.2.15 → 32.1.19

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@syncfusion/ej2-angular-inputs",
-  "version": "31.2.15",
+  "version": "32.1.19",
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Angular",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-angular-base": "~31.2.12",
-    "@syncfusion/ej2-inputs": "31.2.15"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-angular-base": "~32.1.19",
+    "@syncfusion/ej2-inputs": "32.1.19"
   },
   "keywords": [
     "angular",

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-inputs";
-export declare const pkgVer = "^31.1.21";
+export declare const pkgVer = "^18.79.0";
 export declare const moduleName = "TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule, OtpInputModule, SmartTextAreaModule, SpeechToTextModule";
-export declare const themeVer = "~31.1.21";
+export declare const themeVer = "~18.79.0";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-inputs';
-exports.pkgVer = '^31.2.15';
+exports.pkgVer = '^32.1.19';
 exports.moduleName = 'TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule, OtpInputModule, SmartTextAreaModule, SpeechToTextModule';
-exports.themeVer = '~31.2.15';
+exports.themeVer = '~32.1.19';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-inputs';
-export const pkgVer = '^31.2.15';
+export const pkgVer = '^32.1.19';
 export const moduleName = 'TextBoxModule, TextAreaModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule, RatingModule, OtpInputModule, SmartTextAreaModule, SpeechToTextModule';
-export const themeVer = '~31.2.15';
+export const themeVer = '~32.1.19';

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

@@ -26,6 +26,26 @@ export declare class MaskedTextBoxComponent extends MaskedTextBox implements ICo
     destroyed: any;
     focus: any;
     valueChange: any;
+    /**
+     * Specifies the HTML template string for custom elements to prepend to the MaskedTextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    prependTemplate: any;
+    /**
+     * Specifies the HTML template string for custom elements to append to the MaskedTextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    appendTemplate: any;
     private skipFromEvent;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
@@ -39,5 +59,5 @@ export declare class MaskedTextBoxComponent extends MaskedTextBox implements ICo
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaskedTextBoxComponent, "ejs-maskedtextbox", never, { "appendTemplate": "appendTemplate"; "cssClass": "cssClass"; "customCharacters": "customCharacters"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "mask": "mask"; "placeholder": "placeholder"; "prependTemplate": "prependTemplate"; "promptChar": "promptChar"; "readonly": "readonly"; "showClearButton": "showClearButton"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "valueChange": "valueChange"; }, ["prependTemplate", "appendTemplate"], never>;
 }

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

@@ -26,6 +26,26 @@ export declare class NumericTextBoxComponent extends NumericTextBox implements I
     destroyed: any;
     focus: any;
     valueChange: any;
+    /**
+     * Specifies the HTML template string for custom elements to prepend to the NumericTextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    prependTemplate: any;
+    /**
+     * Specifies the HTML template string for custom elements to append to the NumericTextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    appendTemplate: any;
     private skipFromEvent;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
@@ -39,5 +59,5 @@ export declare class NumericTextBoxComponent extends NumericTextBox implements I
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumericTextBoxComponent, "ejs-numerictextbox", never, { "allowMouseWheel": "allowMouseWheel"; "appendTemplate": "appendTemplate"; "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"; "prependTemplate": "prependTemplate"; "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"; }, ["prependTemplate", "appendTemplate"], never>;
 }

package/src/smart-textarea/smarttextarea.component.d.ts

@@ -20,6 +20,8 @@ export declare class SmartTextAreaComponent extends SmartTextArea implements ICo
     formCompContext: any;
     formContext: any;
     tagObjects: any;
+    afterSuggestionInsert: any;
+    beforeSuggestionInsert: any;
     blur: any;
     change: any;
     created: any;
@@ -40,5 +42,5 @@ export declare class SmartTextAreaComponent extends SmartTextArea implements ICo
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTextAreaComponent, "ejs-smarttextarea", never, { "UserPhrases": "UserPhrases"; "aiSuggestionHandler": "aiSuggestionHandler"; "cols": "cols"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxLength": "maxLength"; "placeholder": "placeholder"; "readonly": "readonly"; "resizeMode": "resizeMode"; "rows": "rows"; "showClearButton": "showClearButton"; "showSuggestionOnPopup": "showSuggestionOnPopup"; "userRole": "userRole"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTextAreaComponent, "ejs-smarttextarea", never, { "UserPhrases": "UserPhrases"; "adornmentFlow": "adornmentFlow"; "adornmentOrientation": "adornmentOrientation"; "aiSuggestionHandler": "aiSuggestionHandler"; "appendTemplate": "appendTemplate"; "cols": "cols"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxLength": "maxLength"; "placeholder": "placeholder"; "prependTemplate": "prependTemplate"; "readonly": "readonly"; "resizeMode": "resizeMode"; "rows": "rows"; "showClearButton": "showClearButton"; "showSuggestionOnPopup": "showSuggestionOnPopup"; "userRole": "userRole"; "value": "value"; "width": "width"; }, { "afterSuggestionInsert": "afterSuggestionInsert"; "beforeSuggestionInsert": "beforeSuggestionInsert"; "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/textarea/textarea.component.d.ts

@@ -27,6 +27,28 @@ export declare class TextAreaComponent extends TextArea implements IComponentBas
     focus: any;
     input: any;
     valueChange: any;
+    /**
+     * Specifies the HTML template to prepend inside the TextArea wrapper.
+     * Accepts an HTML string or a function returning an HTML string.
+     * Updates dynamically when the property value changes.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    prependTemplate: any;
+    /**
+     * Specifies the HTML template to append inside the TextArea wrapper.
+     * Accepts an HTML string or a function returning an HTML string.
+     * Updates dynamically when the property value changes.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    appendTemplate: any;
     private skipFromEvent;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
@@ -40,5 +62,5 @@ export declare class TextAreaComponent extends TextArea implements IComponentBas
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ejs-textarea", never, { "cols": "cols"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxLength": "maxLength"; "placeholder": "placeholder"; "readonly": "readonly"; "resizeMode": "resizeMode"; "rows": "rows"; "showClearButton": "showClearButton"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ejs-textarea", never, { "adornmentFlow": "adornmentFlow"; "adornmentOrientation": "adornmentOrientation"; "appendTemplate": "appendTemplate"; "cols": "cols"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxLength": "maxLength"; "placeholder": "placeholder"; "prependTemplate": "prependTemplate"; "readonly": "readonly"; "resizeMode": "resizeMode"; "rows": "rows"; "showClearButton": "showClearButton"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, ["prependTemplate", "appendTemplate"], never>;
 }

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

@@ -27,6 +27,26 @@ export declare class TextBoxComponent extends TextBox implements IComponentBase
     focus: any;
     input: any;
     valueChange: any;
+    /**
+     * Specifies the HTML template string for custom elements to prepend to the TextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    prependTemplate: any;
+    /**
+     * Specifies the HTML template string for custom elements to append to the TextBox input.
+     * Supports icons, buttons, or any valid HTML. Updates dynamically on property change.
+     * @default null
+     * @angulartype string | object
+     * @reacttype string | function | JSX.Element
+     * @vuetype string | function
+     * @asptype string
+     */
+    appendTemplate: any;
     private skipFromEvent;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector, cdr: ChangeDetectorRef);
     registerOnChange(registerFunction: (_: any) => void): void;
@@ -40,5 +60,5 @@ export declare class TextBoxComponent extends TextBox implements IComponentBase
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "ejs-textbox", never, { "appendTemplate": "appendTemplate"; "autocomplete": "autocomplete"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "multiline": "multiline"; "placeholder": "placeholder"; "prependTemplate": "prependTemplate"; "readonly": "readonly"; "showClearButton": "showClearButton"; "type": "type"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, ["prependTemplate", "appendTemplate"], never>;
 }

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bds-lite.scss';
+@use 'ej2-inputs/bds-lite' as *;

package/styles/bds.scss

@@ -1,14 +1,14 @@
-@import 'signature/bds.scss';
-@import 'input/bds.scss';
-@import 'numerictextbox/bds.scss';
-@import 'maskedtextbox/bds.scss';
-@import 'slider/bds.scss';
-@import 'textbox/bds.scss';
-@import 'textarea/bds.scss';
-@import 'uploader/bds.scss';
-@import 'color-picker/bds.scss';
-@import 'rating/bds.scss';
-@import 'data-form/bds.scss';
-@import 'otp-input/bds.scss';
-@import 'speech-to-text/bds.scss';
-@import 'smart-textarea/bds.scss';
+@use 'signature/bds' as *;
+@use 'input/bds' as *;
+@use 'numerictextbox/bds' as *;
+@use 'maskedtextbox/bds' as *;
+@use 'slider/bds' as *;
+@use 'textbox/bds' as *;
+@use 'textarea/bds' as *;
+@use 'uploader/bds' as *;
+@use 'color-picker/bds' as *;
+@use 'rating/bds' as *;
+@use 'data-form/bds' as *;
+@use 'otp-input/bds' as *;
+@use 'speech-to-text/bds' as *;
+@use 'smart-textarea/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap-dark-lite.scss';
+@use 'ej2-inputs/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap-dark.scss';
-@import 'input/bootstrap-dark.scss';
-@import 'numerictextbox/bootstrap-dark.scss';
-@import 'maskedtextbox/bootstrap-dark.scss';
-@import 'slider/bootstrap-dark.scss';
-@import 'textbox/bootstrap-dark.scss';
-@import 'textarea/bootstrap-dark.scss';
-@import 'uploader/bootstrap-dark.scss';
-@import 'color-picker/bootstrap-dark.scss';
-@import 'rating/bootstrap-dark.scss';
-@import 'data-form/bootstrap-dark.scss';
-@import 'otp-input/bootstrap-dark.scss';
-@import 'speech-to-text/bootstrap-dark.scss';
-@import 'smart-textarea/bootstrap-dark.scss';
+@use 'signature/bootstrap-dark' as *;
+@use 'input/bootstrap-dark' as *;
+@use 'numerictextbox/bootstrap-dark' as *;
+@use 'maskedtextbox/bootstrap-dark' as *;
+@use 'slider/bootstrap-dark' as *;
+@use 'textbox/bootstrap-dark' as *;
+@use 'textarea/bootstrap-dark' as *;
+@use 'uploader/bootstrap-dark' as *;
+@use 'color-picker/bootstrap-dark' as *;
+@use 'rating/bootstrap-dark' as *;
+@use 'data-form/bootstrap-dark' as *;
+@use 'otp-input/bootstrap-dark' as *;
+@use 'speech-to-text/bootstrap-dark' as *;
+@use 'smart-textarea/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap-lite.scss';
+@use 'ej2-inputs/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap.scss';
-@import 'input/bootstrap.scss';
-@import 'numerictextbox/bootstrap.scss';
-@import 'maskedtextbox/bootstrap.scss';
-@import 'slider/bootstrap.scss';
-@import 'textbox/bootstrap.scss';
-@import 'textarea/bootstrap.scss';
-@import 'uploader/bootstrap.scss';
-@import 'color-picker/bootstrap.scss';
-@import 'rating/bootstrap.scss';
-@import 'data-form/bootstrap.scss';
-@import 'otp-input/bootstrap.scss';
-@import 'speech-to-text/bootstrap.scss';
-@import 'smart-textarea/bootstrap.scss';
+@use 'signature/bootstrap' as *;
+@use 'input/bootstrap' as *;
+@use 'numerictextbox/bootstrap' as *;
+@use 'maskedtextbox/bootstrap' as *;
+@use 'slider/bootstrap' as *;
+@use 'textbox/bootstrap' as *;
+@use 'textarea/bootstrap' as *;
+@use 'uploader/bootstrap' as *;
+@use 'color-picker/bootstrap' as *;
+@use 'rating/bootstrap' as *;
+@use 'data-form/bootstrap' as *;
+@use 'otp-input/bootstrap' as *;
+@use 'speech-to-text/bootstrap' as *;
+@use 'smart-textarea/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap4-lite.scss';
+@use 'ej2-inputs/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap4.scss';
-@import 'input/bootstrap4.scss';
-@import 'numerictextbox/bootstrap4.scss';
-@import 'maskedtextbox/bootstrap4.scss';
-@import 'slider/bootstrap4.scss';
-@import 'textbox/bootstrap4.scss';
-@import 'textarea/bootstrap4.scss';
-@import 'uploader/bootstrap4.scss';
-@import 'color-picker/bootstrap4.scss';
-@import 'rating/bootstrap4.scss';
-@import 'data-form/bootstrap4.scss';
-@import 'otp-input/bootstrap4.scss';
-@import 'speech-to-text/bootstrap4.scss';
-@import 'smart-textarea/bootstrap4.scss';
+@use 'signature/bootstrap4' as *;
+@use 'input/bootstrap4' as *;
+@use 'numerictextbox/bootstrap4' as *;
+@use 'maskedtextbox/bootstrap4' as *;
+@use 'slider/bootstrap4' as *;
+@use 'textbox/bootstrap4' as *;
+@use 'textarea/bootstrap4' as *;
+@use 'uploader/bootstrap4' as *;
+@use 'color-picker/bootstrap4' as *;
+@use 'rating/bootstrap4' as *;
+@use 'data-form/bootstrap4' as *;
+@use 'otp-input/bootstrap4' as *;
+@use 'speech-to-text/bootstrap4' as *;
+@use 'smart-textarea/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-inputs/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5-dark.scss';
-@import 'input/bootstrap5-dark.scss';
-@import 'numerictextbox/bootstrap5-dark.scss';
-@import 'maskedtextbox/bootstrap5-dark.scss';
-@import 'slider/bootstrap5-dark.scss';
-@import 'textbox/bootstrap5-dark.scss';
-@import 'textarea/bootstrap5-dark.scss';
-@import 'uploader/bootstrap5-dark.scss';
-@import 'color-picker/bootstrap5-dark.scss';
-@import 'rating/bootstrap5-dark.scss';
-@import 'data-form/bootstrap5-dark.scss';
-@import 'otp-input/bootstrap5-dark.scss';
-@import 'speech-to-text/bootstrap5-dark.scss';
-@import 'smart-textarea/bootstrap5-dark.scss';
+@use 'signature/bootstrap5-dark' as *;
+@use 'input/bootstrap5-dark' as *;
+@use 'numerictextbox/bootstrap5-dark' as *;
+@use 'maskedtextbox/bootstrap5-dark' as *;
+@use 'slider/bootstrap5-dark' as *;
+@use 'textbox/bootstrap5-dark' as *;
+@use 'textarea/bootstrap5-dark' as *;
+@use 'uploader/bootstrap5-dark' as *;
+@use 'color-picker/bootstrap5-dark' as *;
+@use 'rating/bootstrap5-dark' as *;
+@use 'data-form/bootstrap5-dark' as *;
+@use 'otp-input/bootstrap5-dark' as *;
+@use 'speech-to-text/bootstrap5-dark' as *;
+@use 'smart-textarea/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5-lite.scss';
+@use 'ej2-inputs/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/bootstrap5.3-lite.scss';
+@use 'ej2-inputs/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5.3.scss';
-@import 'input/bootstrap5.3.scss';
-@import 'numerictextbox/bootstrap5.3.scss';
-@import 'maskedtextbox/bootstrap5.3.scss';
-@import 'slider/bootstrap5.3.scss';
-@import 'textbox/bootstrap5.3.scss';
-@import 'textarea/bootstrap5.3.scss';
-@import 'uploader/bootstrap5.3.scss';
-@import 'color-picker/bootstrap5.3.scss';
-@import 'rating/bootstrap5.3.scss';
-@import 'data-form/bootstrap5.3.scss';
-@import 'otp-input/bootstrap5.3.scss';
-@import 'speech-to-text/bootstrap5.3.scss';
-@import 'smart-textarea/bootstrap5.3.scss';
+@use 'signature/bootstrap5.3' as *;
+@use 'input/bootstrap5.3' as *;
+@use 'numerictextbox/bootstrap5.3' as *;
+@use 'maskedtextbox/bootstrap5.3' as *;
+@use 'slider/bootstrap5.3' as *;
+@use 'textbox/bootstrap5.3' as *;
+@use 'textarea/bootstrap5.3' as *;
+@use 'uploader/bootstrap5.3' as *;
+@use 'color-picker/bootstrap5.3' as *;
+@use 'rating/bootstrap5.3' as *;
+@use 'data-form/bootstrap5.3' as *;
+@use 'otp-input/bootstrap5.3' as *;
+@use 'speech-to-text/bootstrap5.3' as *;
+@use 'smart-textarea/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,14 +1,14 @@
-@import 'signature/bootstrap5.scss';
-@import 'input/bootstrap5.scss';
-@import 'numerictextbox/bootstrap5.scss';
-@import 'maskedtextbox/bootstrap5.scss';
-@import 'slider/bootstrap5.scss';
-@import 'textbox/bootstrap5.scss';
-@import 'textarea/bootstrap5.scss';
-@import 'uploader/bootstrap5.scss';
-@import 'color-picker/bootstrap5.scss';
-@import 'rating/bootstrap5.scss';
-@import 'data-form/bootstrap5.scss';
-@import 'otp-input/bootstrap5.scss';
-@import 'speech-to-text/bootstrap5.scss';
-@import 'smart-textarea/bootstrap5.scss';
+@use 'signature/bootstrap5' as *;
+@use 'input/bootstrap5' as *;
+@use 'numerictextbox/bootstrap5' as *;
+@use 'maskedtextbox/bootstrap5' as *;
+@use 'slider/bootstrap5' as *;
+@use 'textbox/bootstrap5' as *;
+@use 'textarea/bootstrap5' as *;
+@use 'uploader/bootstrap5' as *;
+@use 'color-picker/bootstrap5' as *;
+@use 'rating/bootstrap5' as *;
+@use 'data-form/bootstrap5' as *;
+@use 'otp-input/bootstrap5' as *;
+@use 'speech-to-text/bootstrap5' as *;
+@use 'smart-textarea/bootstrap5' as *;

package/styles/color-picker/bds.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bds.scss';
+@use 'ej2-inputs/styles/color-picker/bds' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap-dark.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap-dark' as *;

package/styles/color-picker/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap' as *;

package/styles/color-picker/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap4.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap4' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5-dark.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5-dark' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5.3.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5.3' as *;

package/styles/color-picker/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/bootstrap5.scss';
+@use 'ej2-inputs/styles/color-picker/bootstrap5' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fabric-dark.scss';
+@use 'ej2-inputs/styles/color-picker/fabric-dark' as *;

package/styles/color-picker/fabric.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fabric.scss';
+@use 'ej2-inputs/styles/color-picker/fabric' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent-dark.scss';
+@use 'ej2-inputs/styles/color-picker/fluent-dark' as *;

package/styles/color-picker/fluent.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent.scss';
+@use 'ej2-inputs/styles/color-picker/fluent' as *;

package/styles/color-picker/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/fluent2.scss';
+@use 'ej2-inputs/styles/color-picker/fluent2' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/highcontrast-light.scss';
+@use 'ej2-inputs/styles/color-picker/highcontrast-light' as *;

package/styles/color-picker/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/highcontrast.scss';
+@use 'ej2-inputs/styles/color-picker/highcontrast' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/material-dark.scss';
+@use 'ej2-inputs/styles/color-picker/material-dark' as *;

package/styles/color-picker/material.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/material.scss';
+@use 'ej2-inputs/styles/color-picker/material' as *;

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

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/color-picker/material3-dark.scss';
+@use 'ej2-inputs/styles/color-picker/material3-dark' as *;

package/styles/color-picker/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-inputs/styles/color-picker/material3.scss';
+@use 'ej2-inputs/styles/color-picker/material3' as *;

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

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind-dark.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind-dark' as *;

package/styles/color-picker/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind' as *;

package/styles/color-picker/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/color-picker/tailwind3.scss';
+@use 'ej2-inputs/styles/color-picker/tailwind3' as *;

package/styles/data-form/bds.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bds.scss';
+@use 'ej2-inputs/styles/data-form/bds' as *;

package/styles/data-form/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap-dark.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap-dark' as *;

package/styles/data-form/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap' as *;

package/styles/data-form/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap4.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap4' as *;

package/styles/data-form/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5-dark.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5-dark' as *;

package/styles/data-form/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5.3.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5.3' as *;

package/styles/data-form/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-inputs/styles/data-form/bootstrap5.scss';
+@use 'ej2-inputs/styles/data-form/bootstrap5' as *;