@syncfusion/ej2-inputs 22.1.34 → 22.1.38

package/dist/es6/ej2-inputs.es2015.js

@@ -152,6 +152,7 @@ var Input;
         }
         if (isNullOrUndefined(inputObject.container)) {
             inputObject.container = createInputContainer(args, CLASSNAMES.FLOATINPUT, CLASSNAMES.FLOATCUSTOMTAG, 'div', makeElement);
+            inputObject.container.classList.add(CLASSNAMES.INPUTGROUP);
             if (args.element.parentNode) {
                 args.element.parentNode.insertBefore(inputObject.container, args.element);
             }
@@ -291,10 +292,6 @@ var Input;
                 inputObject.container.querySelector('.' + CLASSNAMES.FLOATTEXT) : element;
             baseElement.insertAdjacentElement('afterend', button);
         }
-        if (!isNullOrUndefined(container) &&
-            container.classList.contains(CLASSNAMES.FLOATINPUT)) {
-            addClass([container], CLASSNAMES.INPUTGROUP);
-        }
         addClass([button], CLASSNAMES.CLEARICONHIDE);
         wireClearBtnEvents(element, button, container);
         button.setAttribute('aria-label', 'close');
@@ -692,9 +689,6 @@ var Input;
                 if (isPrependIcon) {
                     iconEle = container.querySelector('.e-input-group-icon');
                 }
-                if (isNullOrUndefined(iconEle)) {
-                    container.classList.remove(CLASSNAMES.INPUTGROUP);
-                }
             }
             else {
                 const floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);
@@ -849,9 +843,6 @@ var Input;
             }
         }
         innerWrapper.parentNode.insertBefore(button, innerWrapper);
-        if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
-            container.classList.add(CLASSNAMES.INPUTGROUP);
-        }
         _internalRipple(true, container, button);
         return button;
     }
@@ -869,9 +860,6 @@ var Input;
     function appendSpan(iconClass, container, internalCreateElement) {
         const makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
         const button = createIconEle(iconClass, makeElement);
-        if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
-            container.classList.add(CLASSNAMES.INPUTGROUP);
-        }
         const wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :
             container;
         wrap.appendChild(button);
@@ -4558,12 +4546,21 @@ let Slider = class Slider extends Component {
         if (this.initialTooltip) {
             this.initialTooltip = false;
             this.setTooltipContent();
-            args.text = text = this.tooltipObj.content;
+            args.text = text = (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content);
             this.trigger('tooltipChange', args, (observedArgs) => {
                 this.addTooltipClass(observedArgs.text);
                 if (text !== observedArgs.text) {
                     this.customAriaText = observedArgs.text;
-                    this.tooltipObj.content = observedArgs.text;
+                    if (this.enableHtmlSanitizer) {
+                        observedArgs.text = SanitizeHtmlHelper.sanitize(observedArgs.text.toString());
+                    }
+                    else {
+                        observedArgs.text = observedArgs.text.toString();
+                    }
+                    const contentTemp = function () {
+                        return observedArgs.text;
+                    };
+                    this.tooltipObj.content = initializeCSPTemplate(contentTemp);
                     this.setAriaAttrValue(this.firstHandle);
                     if (this.type === 'Range') {
                         this.setAriaAttrValue(this.secondHandle);
@@ -4578,7 +4575,10 @@ let Slider = class Slider extends Component {
     setTooltipContent() {
         let content;
         content = this.formatContent(this.tooltipFormatInfo, false);
-        this.tooltipObj.content = content;
+        const contentTemp = function () {
+            return content;
+        };
+        this.tooltipObj.content = initializeCSPTemplate(contentTemp);
     }
     formatContent(formatInfo, ariaContent) {
         let content = '';
@@ -5565,7 +5565,7 @@ let Slider = class Slider extends Component {
             eventArgs = {
                 value: this.value,
                 previousValue: eventName === 'change' ? this.previousVal : this.previousChanged,
-                action: eventName, text: this.tooltipObj.content, isInteracted: isNullOrUndefined(e) ? false : true
+                action: eventName, text: (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content), isInteracted: isNullOrUndefined(e) ? false : true
             };
         }
         else {
@@ -7956,7 +7956,7 @@ let Uploader = class Uploader extends Component {
             detach(this.listParent);
             this.listParent = null;
             this.fileList = [];
-            this.createFileList(this.filesData);
+            this.internalCreateFileList(this.filesData);
             if (this.actionButtons) {
                 this.removeActionButtons();
                 this.renderActionButtons();
@@ -8193,7 +8193,7 @@ let Uploader = class Uploader extends Component {
     renderPreLoadFiles() {
         if (this.files.length) {
             if (this.enablePersistence && this.filesData.length) {
-                this.createFileList(this.filesData);
+                this.internalCreateFileList(this.filesData);
                 return;
             }
             if (isNullOrUndefined(this.files[0].size)) {
@@ -8219,7 +8219,7 @@ let Uploader = class Uploader extends Component {
                 filesData.push(fileData);
                 this.filesData.push(fileData);
             }
-            this.createFileList(filesData);
+            this.internalCreateFileList(filesData);
             if (!this.autoUpload && this.listParent && !this.actionButtons && (!this.isForm || this.allowUpload()) && this.showFileList) {
                 this.renderActionButtons();
             }
@@ -8982,7 +8982,8 @@ let Uploader = class Uploader extends Component {
                     }
                 }
                 else {
-                    this.createFileList(fileData, true);
+                    this.internalCreateFileList(fileData);
+                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
                         this.checkAutoUpload(fileData);
                     }
@@ -9049,12 +9050,12 @@ let Uploader = class Uploader extends Component {
                     }
                 }
                 if (added !== index) {
-                    this.createFileList([filesData[index]]);
+                    this.internalCreateFileList([filesData[index]]);
                 }
             }
         }
         else {
-            this.createFileList(filesData);
+            this.internalCreateFileList(filesData);
         }
     }
     isBlank(str) {
@@ -9346,10 +9347,13 @@ let Uploader = class Uploader extends Component {
      * @param { FileInfo[] } fileData - Specifies the files data for file list creation.
      * @returns {void}
      */
-    createFileList(fileData, isSelectedFile) {
+    createFileList(fileData) {
+        this.filesData = this.filesData && this.filesData.length > 0 ? this.filesData.concat(fileData) : fileData;
+        this.internalCreateFileList(fileData);
+    }
+    internalCreateFileList(fileData) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
         this.createParentUL();
-        this.filesData = (isSelectedFile) ? this.filesData.concat(fileData) : fileData;
         if (this.template !== '' && !isNullOrUndefined(this.template)) {
             if (this.isFormUpload()) {
                 this.uploadWrapper.classList.add(FORM_UPLOAD);