@syncfusion/ej2-vue-inputs 24.2.7 → 25.1.35

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@24.2.6",
+  "_id": "@syncfusion/ej2-vue-inputs@18.78.15",
   "_inBundle": false,
-  "_integrity": "sha512-elQuRkLhMQTdtSSd9eP5/SgDWkJK+ZyhDNdhCp1YowqJpMyDH7DXr+NtphwlRXHAVOmZiKggILmsHK/fDqOf1Q==",
+  "_integrity": "sha512-VNmveGSgClbggS7u7bauo9CEy9al4I/eyNa78N/0rJ6iE2p2KhZy488VDG+zobQ4avwP8hSjYKfkBd9KZWlx+g==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-24.2.6.tgz",
-  "_shasum": "4573eec286eeec4eb224a6675a56e240fcbc5dcd",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-18.78.15.tgz",
+  "_shasum": "aab25dbb6a64258e3bbce25d22f738eb73e0c1bc",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-inputs": "24.2.7",
-    "@syncfusion/ej2-vue-base": "~24.2.3"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-inputs": "25.1.35",
+    "@syncfusion/ej2-vue-base": "~25.1.35"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Vue",
@@ -74,6 +74,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "24.2.7",
+  "version": "25.1.35",
   "sideEffects": false
 }

package/src/color-picker/colorpicker.component.d.ts

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { ColorPickerModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { ColorPicker, ColorPickerModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,26 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let ColorPickerComponent: DefineVueComponent<ColorPickerModel>;
-export declare type ColorPickerComponent = InstanceType<typeof ColorPickerComponent>;
+export declare type ColorPickerComponent = typeof ComponentBase & {
+    ej2Instances: ColorPicker;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    focusIn(): void;
+    getValue(value?: string, type?: string): string;
+    toggle(): void;
+};
 export declare const ColorPickerPlugin: {
     name: string;
     install(Vue: any): void;

package/src/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@syncfusion/ej2-inputs';
 export { TextBoxComponent, TextBoxPlugin } from './textbox/textbox.component';
+export { TextAreaComponent, TextAreaPlugin } from './textarea/textarea.component';
 export { NumericTextBoxComponent, NumericTextBoxPlugin } from './numerictextbox/numerictextbox.component';
 export { MaskedTextBoxComponent, MaskedTextBoxPlugin } from './maskedtextbox/maskedtextbox.component';
 export { SliderComponent, SliderPlugin } from './slider/slider.component';

package/src/index.js

@@ -1,5 +1,6 @@
 export * from '@syncfusion/ej2-inputs';
 export { TextBoxComponent, TextBoxPlugin } from './textbox/textbox.component';
+export { TextAreaComponent, TextAreaPlugin } from './textarea/textarea.component';
 export { NumericTextBoxComponent, NumericTextBoxPlugin } from './numerictextbox/numerictextbox.component';
 export { MaskedTextBoxComponent, MaskedTextBoxPlugin } from './maskedtextbox/maskedtextbox.component';
 export { SliderComponent, SliderPlugin } from './slider/slider.component';

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { MaskedTextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { MaskedTextBox, MaskedTextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,26 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let MaskedTextBoxComponent: DefineVueComponent<MaskedTextBoxModel>;
-export declare type MaskedTextBoxComponent = InstanceType<typeof MaskedTextBoxComponent>;
+export declare type MaskedTextBoxComponent = typeof ComponentBase & {
+    ej2Instances: MaskedTextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    focusIn(): void;
+    focusOut(): void;
+    getMaskedValue(): string;
+};
 export declare const MaskedTextBoxPlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { NumericTextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { NumericTextBox, NumericTextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,28 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let NumericTextBoxComponent: DefineVueComponent<NumericTextBoxModel>;
-export declare type NumericTextBoxComponent = InstanceType<typeof NumericTextBoxComponent>;
+export declare type NumericTextBoxComponent = typeof ComponentBase & {
+    ej2Instances: NumericTextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    decrement(step: number): void;
+    focusIn(): void;
+    focusOut(): void;
+    getText(): string;
+    increment(step: number): void;
+};
 export declare const NumericTextBoxPlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { RatingModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Rating, RatingModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,24 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let RatingComponent: DefineVueComponent<RatingModel>;
-export declare type RatingComponent = InstanceType<typeof RatingComponent>;
+export declare type RatingComponent = typeof ComponentBase & {
+    ej2Instances: Rating;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    reset(): void;
+};
 export declare const RatingPlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { SignatureModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Signature, SignatureModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,36 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let SignatureComponent: DefineVueComponent<SignatureModel>;
-export declare type SignatureComponent = InstanceType<typeof SignatureComponent>;
+export declare type SignatureComponent = typeof ComponentBase & {
+    ej2Instances: Signature;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    canRedo(): boolean;
+    canUndo(): boolean;
+    clear(): void;
+    draw(text: string, fontFamily?: string, fontSize?: number, x?: number, y?: number): void;
+    getBlob(url: string): Object;
+    initialize(): void;
+    isEmpty(): boolean;
+    load(signature: string, width?: number, height?: number): void;
+    redo(): void;
+    refresh(): void;
+    save(type?: Object, fileName?: string): void;
+    saveAsBlob(): Object;
+    undo(): void;
+};
 export declare const SignaturePlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { SliderModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Slider, SliderModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,25 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let SliderComponent: DefineVueComponent<SliderModel>;
-export declare type SliderComponent = InstanceType<typeof SliderComponent>;
+export declare type SliderComponent = typeof ComponentBase & {
+    ej2Instances: Slider;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    reposition(): void;
+    setTooltip(args?: string): void;
+};
 export declare const SliderPlugin: {
     name: string;
     install(Vue: any): void;

package/src/textarea/index.d.ts

@@ -0,0 +1 @@
+export { TextAreaComponent, TextAreaPlugin } from './textarea.component';

package/src/textarea/index.js

@@ -0,0 +1 @@
+export { TextAreaComponent, TextAreaPlugin } from './textarea.component';

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

@@ -0,0 +1,38 @@
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { TextArea, TextAreaModel } from '@syncfusion/ej2-inputs';
+export declare const properties: string[];
+export declare const modelProps: string[];
+export declare const testProp: any;
+export declare const props: any, watch: any, emitProbs: any;
+/**
+ * Represents the Essential JS 2 VueJS TextArea Component
+ * ```html
+ * <ejs-textarea v-bind:value='value'></ejs-textarea>
+ * ```
+ */
+export declare let TextAreaComponent: DefineVueComponent<TextAreaModel>;
+export declare type TextAreaComponent = typeof ComponentBase & {
+    ej2Instances: TextArea;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    addAttributes(attributes: undefined): void;
+    focusIn(): void;
+    focusOut(): void;
+    removeAttributes(attributes: string[]): void;
+};
+export declare const TextAreaPlugin: {
+    name: string;
+    install(Vue: any): void;
+};

package/src/textarea/textarea.component.js

@@ -0,0 +1,168 @@
+import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { isUndefined } from '@syncfusion/ej2-base';
+import { TextArea } from '@syncfusion/ej2-inputs';
+export var properties = ['isLazyUpdate', 'plugins', 'columnsCount', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'maxLength', 'placeholder', 'readonly', 'resizeMode', 'rowsCount', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
+export var modelProps = ['value'];
+export var testProp = getProps({ props: properties });
+export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
+emitProbs.push('modelchanged', 'update:modelValue');
+for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
+    var props_1 = modelProps_1[_i];
+    emitProbs.push('update:' + props_1);
+}
+/**
+ * Represents the Essential JS 2 VueJS TextArea Component
+ * ```html
+ * <ejs-textarea v-bind:value='value'></ejs-textarea>
+ * ```
+ */
+export var TextAreaComponent = vueDefineComponent({
+    name: 'TextAreaComponent',
+    mixins: [ComponentBase],
+    props: props,
+    watch: watch,
+    emits: emitProbs,
+    model: { event: 'modelchanged' },
+    provide: function () { return { custom: this.custom }; },
+    data: function () {
+        return {
+            ej2Instances: new TextArea({}),
+            propKeys: properties,
+            models: modelProps,
+            hasChildDirective: false,
+            hasInjectedModules: false,
+            tagMapper: {},
+            tagNameMapper: {},
+            isVue3: !isExecute,
+            templateCollection: {},
+        };
+    },
+    created: function () {
+        this.ej2Instances._trigger = this.ej2Instances.trigger;
+        this.ej2Instances.trigger = this.trigger;
+        this.bindProperties();
+        this.ej2Instances._setProperties = this.ej2Instances.setProperties;
+        this.ej2Instances.setProperties = this.setProperties;
+        this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
+    },
+    render: function (createElement) {
+        var h = !isExecute ? gh : createElement;
+        var slots = null;
+        if (!isNullOrUndefined(this.$slots.default)) {
+            slots = !isExecute ? this.$slots.default() : this.$slots.default;
+        }
+        return h('textarea', slots);
+    },
+    methods: {
+        clearTemplate: function (templateNames) {
+            if (!templateNames) {
+                templateNames = Object.keys(this.templateCollection || {});
+            }
+            if (templateNames.length && this.templateCollection) {
+                for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
+                    var tempName = templateNames_1[_i];
+                    var elementCollection = this.templateCollection[tempName];
+                    if (elementCollection && elementCollection.length) {
+                        for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
+                            var ele = elementCollection_1[_a];
+                            var destroy = getValue('__vue__.$destroy', ele);
+                            if (destroy) {
+                                ele.__vue__.$destroy();
+                            }
+                            if (ele.innerHTML) {
+                                ele.innerHTML = '';
+                            }
+                        }
+                        delete this.templateCollection[tempName];
+                    }
+                }
+            }
+        },
+        setProperties: function (prop, muteOnChange) {
+            var _this = this;
+            if (this.isVue3) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if (this.ej2Instances && this.ej2Instances._setProperties) {
+                this.ej2Instances._setProperties(prop, muteOnChange);
+            }
+            if (prop && this.models && this.models.length) {
+                Object.keys(prop).map(function (key) {
+                    _this.models.map(function (model) {
+                        if ((key === model) && !(/datasource/i.test(key))) {
+                            if (_this.isVue3) {
+                                _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
+                            }
+                            else {
+                                _this.$emit('update:' + key, prop[key]);
+                                _this.$emit('modelchanged', prop[key]);
+                            }
+                        }
+                    });
+                });
+            }
+        },
+        trigger: function (eventName, eventProp, successHandler) {
+            if (!isExecute) {
+                this.models = !this.models ? this.ej2Instances.referModels : this.models;
+            }
+            if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
+                var key = this.models.toString().match(/checked|value/) || [];
+                var propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
+                    }
+                    else {
+                        if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
+                            this.$emit('update:' + propKey, eventProp[propKey]);
+                            this.$emit('modelchanged', eventProp[propKey]);
+                        }
+                    }
+                }
+            }
+            else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
+                var key = this.models.toString().match(/currentView|selectedDate/) || [];
+                var propKey = key[0];
+                if (eventProp && key && !isUndefined(eventProp[propKey])) {
+                    if (!isExecute) {
+                        this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
+                        this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
+                    }
+                    else {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
+                }
+            }
+            if ((this.ej2Instances && this.ej2Instances._trigger)) {
+                this.ej2Instances._trigger(eventName, eventProp, successHandler);
+            }
+        },
+        custom: function () {
+            this.updated();
+        },
+        addAttributes: function (attributes) {
+            return this.ej2Instances.addAttributes(attributes);
+        },
+        focusIn: function () {
+            return this.ej2Instances.focusIn();
+        },
+        focusOut: function () {
+            return this.ej2Instances.focusOut();
+        },
+        removeAttributes: function (attributes) {
+            return this.ej2Instances.removeAttributes(attributes);
+        },
+    }
+});
+export var TextAreaPlugin = {
+    name: 'ejs-textarea',
+    install: function (Vue) {
+        Vue.component(TextAreaPlugin.name, TextAreaComponent);
+    }
+};

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { TextBoxModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { TextBox, TextBoxModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,28 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let TextBoxComponent: DefineVueComponent<TextBoxModel>;
-export declare type TextBoxComponent = InstanceType<typeof TextBoxComponent>;
+export declare type TextBoxComponent = typeof ComponentBase & {
+    ej2Instances: TextBox;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    addAttributes(attributes: undefined): void;
+    addIcon(position: string, icons: string | string[]): void;
+    focusIn(): void;
+    focusOut(): void;
+    removeAttributes(attributes: string[]): void;
+};
 export declare const TextBoxPlugin: {
     name: string;
     install(Vue: any): void;

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

@@ -1,5 +1,5 @@
-import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
-import { UploaderModel } from '@syncfusion/ej2-inputs';
+import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { Uploader, UploaderModel } from '@syncfusion/ej2-inputs';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -11,7 +11,35 @@ export declare const props: any, watch: any, emitProbs: any;
  * ```
  */
 export declare let UploaderComponent: DefineVueComponent<UploaderModel>;
-export declare type UploaderComponent = InstanceType<typeof UploaderComponent>;
+export declare type UploaderComponent = typeof ComponentBase & {
+    ej2Instances: Uploader;
+    isVue3: boolean;
+    isLazyUpdate: Boolean;
+    plugins: any[];
+    propKeys: string[];
+    models: string[];
+    hasChildDirective: boolean;
+    tagMapper: {
+        [key: string]: Object;
+    };
+    tagNameMapper: Object;
+    setProperties(prop: any, muteOnChange: boolean): void;
+    trigger(eventName: string, eventProp: {
+        [key: string]: Object;
+    }, successHandler?: Function): void;
+    bytesToSize(bytes: number): string;
+    cancel(fileData?: Object[]): void;
+    clearAll(): void;
+    createFileList(fileData: Object[]): void;
+    getFilesData(index?: number): Object[];
+    pause(fileData?: Object | Object[], custom?: boolean): void;
+    remove(fileData?: Object | Object[], customTemplate?: boolean, removeDirectly?: boolean, postRawFile?: boolean, args?: Object | Object | Object): void;
+    resume(fileData?: Object | Object[], custom?: boolean): void;
+    retry(fileData?: Object | Object[], fromcanceledStage?: boolean, custom?: boolean): void;
+    sortFileList(filesData?: Object): Object[];
+    traverseFileTree(item: any, event?: Object | Object | Object | Object): void;
+    upload(files?: Object | Object[], custom?: boolean): void;
+};
 export declare const UploaderPlugin: {
     name: string;
     install(Vue: any): void;

package/styles/bootstrap-dark.scss

@@ -4,6 +4,7 @@
 @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';

package/styles/bootstrap.scss

@@ -4,6 +4,7 @@
 @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';

package/styles/bootstrap4.scss

@@ -4,6 +4,7 @@
 @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';

package/styles/bootstrap5-dark.scss

@@ -4,6 +4,7 @@
 @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';

package/styles/bootstrap5.scss

@@ -4,6 +4,7 @@
 @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';

package/styles/fabric-dark.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/fabric-dark.scss';
 @import 'slider/fabric-dark.scss';
 @import 'textbox/fabric-dark.scss';
+@import 'textarea/fabric-dark.scss';
 @import 'uploader/fabric-dark.scss';
 @import 'color-picker/fabric-dark.scss';
 @import 'rating/fabric-dark.scss';

package/styles/fabric.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/fabric.scss';
 @import 'slider/fabric.scss';
 @import 'textbox/fabric.scss';
+@import 'textarea/fabric.scss';
 @import 'uploader/fabric.scss';
 @import 'color-picker/fabric.scss';
 @import 'rating/fabric.scss';

package/styles/fluent-dark.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/fluent-dark.scss';
 @import 'slider/fluent-dark.scss';
 @import 'textbox/fluent-dark.scss';
+@import 'textarea/fluent-dark.scss';
 @import 'uploader/fluent-dark.scss';
 @import 'color-picker/fluent-dark.scss';
 @import 'rating/fluent-dark.scss';