@syncfusion/ej2-inputs 25.2.5 → 26.1.35

package/src/textarea/textarea.d.ts

@@ -14,8 +14,6 @@ export declare class TextArea extends Component<HTMLTextAreaElement> implements
     private isForm;
     private initialValue;
     private inputPreviousValue;
-    private isAngular;
-    private isVue;
     private preventChange;
     private clearButton;
     /**
@@ -99,16 +97,22 @@ export declare class TextArea extends Component<HTMLTextAreaElement> implements
     resizeMode: Resize;
     /**
      * Specifies the maximum number of characters allowed in TextArea.
+     *
+     * @aspType int?
      */
     maxLength: number;
     /**
      * specifies the visible width of the textarea, measured in average character widths.
+     *
+     * @aspType int?
      */
-    columnsCount: number;
+    cols: number;
     /**
      * specifies the visible height of the textarea, measured in lines
+     *
+     * @aspType int?
      */
-    rowsCount: number;
+    rows: number;
     /**
      * Triggers when the TextArea component is created.
      *
@@ -167,6 +171,7 @@ export declare class TextArea extends Component<HTMLTextAreaElement> implements
     /**
      * Gets the properties to be maintained in the persisted state.
      *
+     * @returns {string} - Returns the string value.
      */
     getPersistData(): string;
     private checkAttributes;

package/src/textarea/textarea.js

@@ -33,8 +33,6 @@ var TextArea = /** @class */ (function (_super) {
         _this.previousValue = null;
         _this.isForm = false;
         _this.inputPreviousValue = null;
-        _this.isAngular = false;
-        _this.isVue = false;
         _this.textareaOptions = options;
         return _this;
     }
@@ -138,14 +136,14 @@ var TextArea = /** @class */ (function (_super) {
                     this.setProperties({ placeholder: this.l10n.getConstant('placeholder') }, true);
                     Input.setPlaceholder(this.placeholder, this.element);
                     break;
-                case 'rowsCount':
-                    if (this.rowsCount) {
-                        this.element.setAttribute('rows', this.rowsCount.toString());
+                case 'rows':
+                    if (this.rows) {
+                        this.element.setAttribute('rows', this.rows.toString());
                     }
                     break;
-                case 'columnsCount':
-                    if (this.columnsCount) {
-                        this.element.setAttribute('cols', this.columnsCount.toString());
+                case 'cols':
+                    if (this.cols) {
+                        this.element.setAttribute('cols', this.cols.toString());
                         if (this.width == null) {
                             this.textareaWrapper.container.classList.add(AUTO_WIDTH);
                         }
@@ -222,11 +220,11 @@ var TextArea = /** @class */ (function (_super) {
         if (!this.element.hasAttribute('name')) {
             this.element.setAttribute('name', this.element.getAttribute('id'));
         }
-        if (this.rowsCount) {
-            this.element.setAttribute('rows', this.rowsCount.toString());
+        if (this.rows) {
+            this.element.setAttribute('rows', this.rows.toString());
         }
-        if (this.columnsCount) {
-            this.element.setAttribute('cols', this.columnsCount.toString());
+        if (this.cols) {
+            this.element.setAttribute('cols', this.cols.toString());
         }
         if (this.maxLength) {
             this.element.setAttribute('maxlength', this.maxLength.toString());
@@ -282,10 +280,10 @@ var TextArea = /** @class */ (function (_super) {
     TextArea.prototype.getModuleName = function () {
         return 'textarea';
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-returns */
     /**
      * Gets the properties to be maintained in the persisted state.
      *
+     * @returns {string} - Returns the string value.
      */
     TextArea.prototype.getPersistData = function () {
         var keyEntity = ['value'];
@@ -367,12 +365,12 @@ var TextArea = /** @class */ (function (_super) {
             detach(this.textareaWrapper.container);
         }
         this.textareaWrapper = null;
-        this.formElement = null;
         Input.destroy({
             element: this.element,
             floatLabelType: this.floatLabelType,
             properties: this.properties
         }, this.clearButton);
+        this.formElement = null;
         _super.prototype.destroy.call(this);
     };
     TextArea.prototype.focusHandler = function (args) {
@@ -401,8 +399,7 @@ var TextArea = /** @class */ (function (_super) {
         }
     };
     TextArea.prototype.inputHandler = function (args) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-this-alias
-        var textareaObj = this;
+        var textareaObj = null || this;
         var eventArgs = {
             event: args,
             value: this.element.value,
@@ -479,7 +476,6 @@ var TextArea = /** @class */ (function (_super) {
             element.dispatchEvent(keyupEvent);
         }
     };
-    /* eslint-enable valid-jsdoc, jsdoc/require-returns */
     /**
      * Adding the multiple attributes as key-value pair to the TextArea element.
      *
@@ -571,7 +567,7 @@ var TextArea = /** @class */ (function (_super) {
      * @returns {void}
      */
     TextArea.prototype.setWrapperWidth = function () {
-        if (this.enabled && ((this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') || (this.columnsCount || this.element.getAttribute('cols')))) {
+        if (this.enabled && ((this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') || (this.cols || this.element.getAttribute('cols')))) {
             if (this.resizeMode !== 'None' && this.resizeMode !== 'Vertical') {
                 if (this.textareaWrapper.container.style.width) {
                     this.setElementWidth(this.textareaWrapper.container.style.width);
@@ -659,17 +655,17 @@ var TextArea = /** @class */ (function (_super) {
         Property(null)
     ], TextArea.prototype, "width", void 0);
     __decorate([
-        Property('Vertical')
+        Property('Both')
     ], TextArea.prototype, "resizeMode", void 0);
     __decorate([
         Property(null)
     ], TextArea.prototype, "maxLength", void 0);
     __decorate([
         Property(null)
-    ], TextArea.prototype, "columnsCount", void 0);
+    ], TextArea.prototype, "cols", void 0);
     __decorate([
         Property(null)
-    ], TextArea.prototype, "rowsCount", void 0);
+    ], TextArea.prototype, "rows", void 0);
     __decorate([
         Event()
     ], TextArea.prototype, "created", void 0);

package/src/textbox/textbox.d.ts

@@ -49,7 +49,6 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
     private cloneElement;
     private globalize;
     private preventChange;
-    private isAngular;
     private isHiddenInput;
     private textarea;
     private respectiveElement;
@@ -58,7 +57,6 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
     private initialValue;
     private textboxOptions;
     private inputPreviousValue;
-    private isVue;
     private clearButton;
     /**
      * Specifies the behavior of the TextBox such as text, password, email, etc.
@@ -256,6 +254,7 @@ export declare class TextBox extends Component<HTMLInputElement | HTMLTextAreaEl
     /**
      * Gets the properties to be maintained in the persisted state.
      *
+     * @returns {string} Returns the persisted data.
      */
     getPersistData(): string;
     /**

package/src/textbox/textbox.js

@@ -45,11 +45,9 @@ var TextBox = /** @class */ (function (_super) {
     function TextBox(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.previousValue = null;
-        _this.isAngular = false;
         _this.isHiddenInput = false;
         _this.isForm = false;
         _this.inputPreviousValue = null;
-        _this.isVue = false;
         _this.textboxOptions = options;
         return _this;
     }
@@ -105,7 +103,12 @@ var TextBox = /** @class */ (function (_super) {
                         this.updateHTMLAttributesToElement();
                         this.updateHTMLAttributesToWrapper();
                         this.checkAttributes(true);
-                        this.multiline && !isNullOrUndefined(this.textarea) ? Input.validateInputType(this.textboxWrapper.container, this.textarea) : Input.validateInputType(this.textboxWrapper.container, this.element);
+                        if (this.multiline && !isNullOrUndefined(this.textarea)) {
+                            Input.validateInputType(this.textboxWrapper.container, this.textarea);
+                        }
+                        else {
+                            Input.validateInputType(this.textboxWrapper.container, this.element);
+                        }
                     }
                     break;
                 case 'readonly':
@@ -196,7 +199,7 @@ var TextBox = /** @class */ (function (_super) {
         if (this.element.tagName !== 'TEXTAREA') {
             this.element.setAttribute('type', this.type);
         }
-        if (this.type === 'text') {
+        if (this.type === 'text' || (this.element.tagName === 'INPUT' && this.multiline && this.isReact)) {
             this.element.setAttribute('role', 'textbox');
         }
         this.globalize = new Internationalization(this.locale);
@@ -334,13 +337,17 @@ var TextBox = /** @class */ (function (_super) {
         if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
             this.enabled = false;
         }
+        if (!this.element.hasAttribute('aria-labelledby') && !this.element.hasAttribute('placeholder')) {
+            this.element.setAttribute('aria-label', 'textbox');
+        }
         this.renderComplete();
     };
     TextBox.prototype.updateHTMLAttributesToWrapper = function () {
         Input.updateHTMLAttributesToWrapper(this.htmlAttributes, this.textboxWrapper.container);
     };
     TextBox.prototype.updateHTMLAttributesToElement = function () {
-        Input.updateHTMLAttributesToElement(this.htmlAttributes, this.respectiveElement ? this.respectiveElement : (this.multiline && !isNullOrUndefined(this.textarea) ? this.textarea : this.element));
+        Input.updateHTMLAttributesToElement(this.htmlAttributes, this.respectiveElement ? this.respectiveElement :
+            (this.multiline && !isNullOrUndefined(this.textarea) ? this.textarea : this.element));
     };
     TextBox.prototype.setInitialValue = function () {
         if (!this.isAngular) {
@@ -424,13 +431,12 @@ var TextBox = /** @class */ (function (_super) {
         this.trigger('blur', eventArgs);
     };
     TextBox.prototype.keydownHandler = function (args) {
-        if ((args.keyCode === 13 || args.keyCode === 9) && !((this.previousValue === null || this.previousValue === "") && (this.value === null || this.value === "") && this.respectiveElement.value === "")) {
+        if ((args.keyCode === 13 || args.keyCode === 9) && !((this.previousValue === null || this.previousValue === '') && (this.value === null || this.value === '') && this.respectiveElement.value === '')) {
             this.setProperties({ value: this.respectiveElement.value }, true);
         }
     };
     TextBox.prototype.inputHandler = function (args) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-this-alias
-        var textboxObj = this;
+        var textboxObj = null || this;
         var eventArgs = {
             event: args,
             value: this.respectiveElement.value,
@@ -451,7 +457,7 @@ var TextBox = /** @class */ (function (_super) {
     };
     TextBox.prototype.changeHandler = function (args) {
         this.setProperties({ value: this.respectiveElement.value }, true);
-        if (this.previousValue != this.value) {
+        if (this.previousValue !== this.value) {
             this.raiseChangeEvent(args, true);
         }
         args.stopPropagation();
@@ -566,16 +572,15 @@ var TextBox = /** @class */ (function (_super) {
     TextBox.prototype.addIcon = function (position, icons) {
         Input.addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-returns */
     /**
      * Gets the properties to be maintained in the persisted state.
      *
+     * @returns {string} Returns the persisted data.
      */
     TextBox.prototype.getPersistData = function () {
         var keyEntity = ['value'];
         return this.addOnPersist(keyEntity);
     };
-    /* eslint-enable valid-jsdoc, jsdoc/require-returns */
     /**
      * Adding the multiple attributes as key-value pair to the TextBox element.
      *

package/src/uploader/uploader.d.ts

@@ -525,7 +525,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
     private isFirstFileOnSelection;
     private dragCounter;
     private isPreloadFiles;
-    private isAngular;
     /**
      * Get the file item(li) which are shown in file list.
      *
@@ -1115,7 +1114,7 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
      * on [binary prefix](https://en.wikipedia.org/wiki/Binary_prefix).
      *
      * @param { number } bytes - Specifies the file size in bytes.
-     * @returns {string}
+     * @returns {string} - Returns the file size.
      */
     bytesToSize(bytes: number): string;
     /**
@@ -1146,7 +1145,6 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
     private serverReadFileBase64;
     private uploadFileCount;
     private getFileRead;
-    private getFileInfo;
     private uploadFiles;
     private uploadFilesRequest;
     private spliceFiles;

package/src/uploader/uploader.js

@@ -163,7 +163,6 @@ var Uploader = /** @class */ (function (_super) {
         _this.newFileRef = 0;
         _this.isFirstFileOnSelection = false;
         _this.dragCounter = 0;
-        _this.isAngular = false;
         /**
          * Get the file item(li) which are shown in file list.
          *
@@ -227,8 +226,7 @@ var Uploader = /** @class */ (function (_super) {
                     this.updateDirectoryAttributes();
                     break;
                 case 'template':
-                    var ejInstance = getValue('ej2_instances', this.element);
-                    if (ejInstance[0].isReact) {
+                    if (this.isReact) {
                         this.reRenderFileList();
                     }
                     else {
@@ -1172,10 +1170,8 @@ var Uploader = /** @class */ (function (_super) {
         }
         return false;
     };
-    /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
     /* istanbul ignore next */
     Uploader.prototype.traverseFileTree = function (item, event) {
-        /* eslint-enable @typescript-eslint/explicit-module-boundary-types */
         if (item.isFile) {
             this.filesEntries.push(item);
         }
@@ -1295,8 +1291,8 @@ var Uploader = /** @class */ (function (_super) {
         if (this.enableHtmlSanitizer) {
             for (var i = 0; i < fileData.length; i++) {
                 var sanitizeFile = SanitizeHtmlHelper.beforeSanitize();
-                var sanitizeFileName = SanitizeHtmlHelper.serializeValue(sanitizeFile, fileData[parseInt(i.toString())].name);
-                var currentFileName = fileData[parseInt(i.toString())].name;
+                var sanitizeFileName = SanitizeHtmlHelper.serializeValue(sanitizeFile, fileData[parseInt(i.toString(), 10)].name);
+                var currentFileName = fileData[parseInt(i.toString(), 10)].name;
                 var isUTF8 = false;
                 for (var i_1 = 0; i_1 < currentFileName.length; i_1++) {
                     if (currentFileName.charCodeAt(i_1) > 127) {
@@ -1306,13 +1302,13 @@ var Uploader = /** @class */ (function (_super) {
                 }
                 var htmlTagRegex = /<([a-z][a-z0-9]*)\b[^>]*>(.*?)<\/\1>/i;
                 var hasHTMLString = htmlTagRegex.test(currentFileName);
-                if ((sanitizeFileName !== fileData[parseInt(i.toString())].name) && !(isUTF8 && !hasHTMLString)) {
-                    var encodedFileName = targetFiles[parseInt(i.toString())].name.replace(/[\u00A0-\u9999<>\&]/g, function (i) {
+                if ((sanitizeFileName !== fileData[parseInt(i.toString(), 10)].name) && !(isUTF8 && !hasHTMLString)) {
+                    var encodedFileName = targetFiles[parseInt(i.toString(), 10)].name.replace(/[\u00A0-\u9999<>\\&]/g, function (i) {
                         return '&#' + i.charCodeAt(0) + ';';
                     });
-                    fileData[parseInt(i.toString())].name = encodedFileName;
-                    fileData[parseInt(i.toString())].status = this.localizedTexts('invalidFileName');
-                    fileData[parseInt(i.toString())].statusCode = '0';
+                    fileData[parseInt(i.toString(), 10)].name = encodedFileName;
+                    fileData[parseInt(i.toString(), 10)].status = this.localizedTexts('invalidFileName');
+                    fileData[parseInt(i.toString(), 10)].statusCode = '0';
                 }
             }
         }
@@ -1323,9 +1319,7 @@ var Uploader = /** @class */ (function (_super) {
             _this._internalRenderSelect(eventArgs, fileData);
         });
     };
-    Uploader.prototype.updateInitialFileDetails = function (args, 
-    // eslint-disable-next-line @typescript-eslint/indent
-    targetFiles, file, i, fileData, directory, paste) {
+    Uploader.prototype.updateInitialFileDetails = function (args, targetFiles, file, i, fileData, directory, paste) {
         var fileName = directory ? targetFiles[i].path.substring(1, targetFiles[i].path.length) : paste ?
             getUniqueID(file.name.substring(0, file.name.lastIndexOf('.'))) + '.' + this.getFileType(file.name) :
             this.directoryUpload ? targetFiles[i].webkitRelativePath : file.name;
@@ -1431,7 +1425,6 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.updateSortedFileList = function (filesData) {
         var previousListClone = this.createElement('div', { id: 'clonewrapper' });
         var added = -1;
-        var removedList;
         if (this.listParent) {
             for (var i = 0; i < this.listParent.querySelectorAll('li').length; i++) {
                 var liElement = this.listParent.querySelectorAll('li')[i];
@@ -1471,7 +1464,8 @@ var Uploader = /** @class */ (function (_super) {
                 allowedExtensions.push(extension.trim().toLocaleLowerCase());
             }
             for (var i = 0; i < files.length; i++) {
-                var checkFileType = files[i].type.indexOf(".") !== -1 ? files[i].type.replace(".", "") : files[i].type;
+                var checkFileType = files[i].type.indexOf('.') !== -1 ?
+                    files[i].type.replace('.', '') : files[i].type;
                 if (allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1) {
                     files[i].status = this.localizedTexts('invalidFileType');
                     files[i].statusCode = '0';
@@ -1499,7 +1493,8 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.isPreLoadFile = function (fileData) {
         var isPreload = false;
         for (var i = 0; i < this.files.length; i++) {
-            if (this.files[i].name === fileData.name.slice(0, fileData.name.lastIndexOf('.')) && this.files[i].type === fileData.type) {
+            if (this.files[i].name === fileData.name.slice(0, fileData.name.lastIndexOf('.')) &&
+                this.files[i].type === fileData.type) {
                 isPreload = true;
             }
         }
@@ -1748,7 +1743,6 @@ var Uploader = /** @class */ (function (_super) {
         this.fileList.push(fileList);
         this.renderReactTemplates();
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
      * Create the file list for specified files data.
      *
@@ -1760,7 +1754,6 @@ var Uploader = /** @class */ (function (_super) {
         this.internalCreateFileList(fileData);
     };
     Uploader.prototype.internalCreateFileList = function (fileData) {
-        /* eslint-enable valid-jsdoc, jsdoc/require-param */
         this.createParentUL();
         if (this.template !== '' && !isNullOrUndefined(this.template)) {
             if (this.isFormUpload()) {
@@ -1912,7 +1905,7 @@ var Uploader = /** @class */ (function (_super) {
             if (!isNullOrUndefined(li) && !li.classList.contains(UPLOAD_SUCCESS)) {
                 filterFiles.push(files[i]);
             }
-            else if (!this.showFileList && files[i].status !== "File uploaded successfully") {
+            else if (!this.showFileList && files[i].status !== 'File uploaded successfully') {
                 filterFiles.push(files[i]);
             }
         }
@@ -2237,7 +2230,8 @@ var Uploader = /** @class */ (function (_super) {
         for (var selectFileIndex = 0; selectFileIndex < selectedFiles.length; selectFileIndex++) {
             var selectedFileData = selectedFiles[selectFileIndex];
             for (var fileDataIndex = 0; fileDataIndex < this.filesData.length; fileDataIndex++) {
-                if (this.filesData[fileDataIndex].name === selectedFileData.name && this.filesData[fileDataIndex].status === selectedFileData.status) {
+                if (this.filesData[fileDataIndex].name === selectedFileData.name &&
+                    this.filesData[fileDataIndex].status === selectedFileData.status) {
                     matchFiles[matchFilesIndex] = this.filesData[fileDataIndex];
                     ++matchFilesIndex;
                 }
@@ -2570,13 +2564,17 @@ var Uploader = /** @class */ (function (_super) {
             this.updateStatus(metaData.file, this.localizedTexts('fileUploadCancel'), '5');
             this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
             this.removeProgressbar(liElement, 'failure');
-            (deleteIcon && deleteIcon.classList.remove(ABORT_ICON));
-            (deleteIcon && deleteIcon.classList.add(REMOVE_ICON));
-            (deleteIcon && deleteIcon.setAttribute('title', this.localizedTexts('remove')));
+            if (deleteIcon) {
+                deleteIcon.classList.remove(ABORT_ICON);
+                deleteIcon.classList.add(REMOVE_ICON);
+                deleteIcon.setAttribute('title', this.localizedTexts('remove'));
+            }
             var pauseIcon = liElement.querySelector('.' + PAUSE_UPLOAD);
-            (pauseIcon && pauseIcon.classList.add(RETRY_ICON));
-            (pauseIcon && pauseIcon.classList.remove(PAUSE_UPLOAD));
-            (pauseIcon && pauseIcon.setAttribute('title', this.localizedTexts('retry')));
+            if (pauseIcon) {
+                pauseIcon.classList.add(RETRY_ICON);
+                pauseIcon.classList.remove(PAUSE_UPLOAD);
+                pauseIcon.setAttribute('title', this.localizedTexts('retry'));
+            }
             if (!isNullOrUndefined(liElement) && !isNullOrUndefined(deleteIcon)
                 && !isNullOrUndefined(liElement.querySelector('.e-spinner-pane'))) {
                 hideSpinner(spinnerTarget);
@@ -2859,13 +2857,12 @@ var Uploader = /** @class */ (function (_super) {
             }, false);
         }
     };
-    /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * It is used to convert bytes value into kilobytes or megabytes depending on the size based
      * on [binary prefix](https://en.wikipedia.org/wiki/Binary_prefix).
      *
      * @param { number } bytes - Specifies the file size in bytes.
-     * @returns {string}
+     * @returns {string} - Returns the file size.
      */
     Uploader.prototype.bytesToSize = function (bytes) {
         var i = -1;
@@ -2908,7 +2905,6 @@ var Uploader = /** @class */ (function (_super) {
         }
         return sortedFilesData;
     };
-    /* eslint-enable valid-jsdoc, jsdoc/require-returns-description */
     /**
      * Removes the component from the DOM and detaches all its related event handlers. Also it removes the attributes and classes.
      *
@@ -3038,20 +3034,6 @@ var Uploader = /** @class */ (function (_super) {
         this.fileStreams[fileCount] = file;
         return fileCount;
     };
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    /* istanbul ignore next */
-    Uploader.prototype.getFileInfo = function (index, ele) {
-        /* eslint-enable @typescript-eslint/no-unused-vars */
-        var files = this.filesData;
-        if (!files || files.length === 0) {
-            return null;
-        }
-        var file = files[index];
-        if (!file) {
-            return null;
-        }
-        return this.filesData[index];
-    };
     Uploader.prototype.uploadFiles = function (files, custom) {
         var selectedFiles = [];
         if (this.asyncSettings.saveUrl === '' || isNullOrUndefined(this.asyncSettings.saveUrl)) {
@@ -3076,11 +3058,9 @@ var Uploader = /** @class */ (function (_super) {
     };
     Uploader.prototype.uploadFilesRequest = function (selectedFiles, i, custom) {
         var _this = this;
-        var cloneFiles = [];
         var chunkEnabled = this.checkChunkUpload();
         var ajax = new Ajax(this.asyncSettings.saveUrl, 'POST', true, null);
         ajax.emitError = false;
-        var getFileData;
         var eventArgs = {
             fileData: selectedFiles[i],
             customFormData: [],