@syncfusion/ej2-inputs 22.1.34 → 22.1.38

package/dist/es6/ej2-inputs.es5.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);
             }
@@ -293,10 +294,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');
@@ -696,9 +693,6 @@ var Input;
                 if (isPrependIcon) {
                     iconEle = container.querySelector('.e-input-group-icon');
                 }
-                if (isNullOrUndefined(iconEle)) {
-                    container.classList.remove(CLASSNAMES.INPUTGROUP);
-                }
             }
             else {
                 var floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);
@@ -855,9 +849,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;
     }
@@ -875,9 +866,6 @@ var Input;
     function appendSpan(iconClass, container, internalCreateElement) {
         var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
         var button = createIconEle(iconClass, makeElement);
-        if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
-            container.classList.add(CLASSNAMES.INPUTGROUP);
-        }
         var wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :
             container;
         wrap.appendChild(button);
@@ -4657,12 +4645,21 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
         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, function (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();
+                    }
+                    var contentTemp = function () {
+                        return observedArgs.text;
+                    };
+                    _this.tooltipObj.content = initializeCSPTemplate(contentTemp);
                     _this.setAriaAttrValue(_this.firstHandle);
                     if (_this.type === 'Range') {
                         _this.setAriaAttrValue(_this.secondHandle);
@@ -4677,7 +4674,10 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
     Slider.prototype.setTooltipContent = function () {
         var content;
         content = this.formatContent(this.tooltipFormatInfo, false);
-        this.tooltipObj.content = content;
+        var contentTemp = function () {
+            return content;
+        };
+        this.tooltipObj.content = initializeCSPTemplate(contentTemp);
     };
     Slider.prototype.formatContent = function (formatInfo, ariaContent) {
         var content = '';
@@ -5669,7 +5669,7 @@ var Slider = /** @__PURE__ @class */ (function (_super) {
             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 {
@@ -8126,7 +8126,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
             detach(this.listParent);
             this.listParent = null;
             this.fileList = [];
-            this.createFileList(this.filesData);
+            this.internalCreateFileList(this.filesData);
             if (this.actionButtons) {
                 this.removeActionButtons();
                 this.renderActionButtons();
@@ -8363,7 +8363,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
     Uploader.prototype.renderPreLoadFiles = function () {
         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)) {
@@ -8390,7 +8390,7 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                 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();
             }
@@ -9173,7 +9173,8 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 else {
-                    this.createFileList(fileData, true);
+                    this.internalCreateFileList(fileData);
+                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
                         this.checkAutoUpload(fileData);
                     }
@@ -9240,12 +9241,12 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 if (added !== index) {
-                    this.createFileList([filesData[index]]);
+                    this.internalCreateFileList([filesData[index]]);
                 }
             }
         }
         else {
-            this.createFileList(filesData);
+            this.internalCreateFileList(filesData);
         }
     };
     Uploader.prototype.isBlank = function (str) {
@@ -9544,10 +9545,13 @@ var Uploader = /** @__PURE__ @class */ (function (_super) {
      * @param { FileInfo[] } fileData - Specifies the files data for file list creation.
      * @returns {void}
      */
-    Uploader.prototype.createFileList = function (fileData, isSelectedFile) {
+    Uploader.prototype.createFileList = function (fileData) {
+        this.filesData = this.filesData && this.filesData.length > 0 ? this.filesData.concat(fileData) : fileData;
+        this.internalCreateFileList(fileData);
+    };
+    Uploader.prototype.internalCreateFileList = function (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);