@syncfusion/ej2-dropdowns 22.1.36 → 22.1.38

package/dist/es6/ej2-dropdowns.es5.js

@@ -465,7 +465,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         else {
             var l10nLocale = { noRecordsTemplate: 'No records found', actionFailureTemplate: 'Request failed' };
             var componentLocale = new L10n(this.getLocaleName(), {}, this.locale);
-            if (componentLocale.getConstant('actionFailureTemplate') !== '') {
+            if (componentLocale.getConstant('actionFailureTemplate') !== '' || componentLocale.getConstant('noRecordsTemplate') !== '') {
                 this.l10n = componentLocale;
             }
             else {
@@ -2012,6 +2012,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(this.inputWrapper.container, 'mousedown', this.dropDownClick, this);
         EventHandler.add(this.inputWrapper.container, 'focus', this.focusIn, this);
         EventHandler.add(this.inputWrapper.container, 'keypress', this.onSearch, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
         this.bindCommonEvent();
     };
     DropDownList.prototype.bindCommonEvent = function () {
@@ -2032,6 +2033,11 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         this.bindClearEvent();
     };
+    DropDownList.prototype.windowResize = function () {
+        if (this.isPopupOpen) {
+            this.popupObj.refreshPosition(this.inputWrapper.container);
+        }
+    };
     DropDownList.prototype.bindClearEvent = function () {
         if (this.showClearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
@@ -2357,6 +2363,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(this.inputWrapper.container, 'mousedown', this.dropDownClick);
             EventHandler.remove(this.inputWrapper.container, 'keypress', this.onSearch);
             EventHandler.remove(this.inputWrapper.container, 'focus', this.focusIn);
+            EventHandler.remove(window, 'resize', this.windowResize);
         }
         this.unBindCommonEvent();
     };
@@ -3206,20 +3213,20 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle = _this.createElement('div', {
+                var popupEle_1 = _this.createElement('div', {
                     id: _this.element.id + '_popup', className: 'e-ddl e-popup ' + (_this.cssClass !== null ? _this.cssClass : '')
                 });
-                var searchBox = _this.setSearchBox(popupEle);
+                var searchBox = _this.setSearchBox(popupEle_1);
                 _this.listHeight = formatUnit(_this.popupHeight);
                 if (_this.headerTemplate) {
-                    _this.setHeaderTemplate(popupEle);
+                    _this.setHeaderTemplate(popupEle_1);
                 }
-                append([_this.list], popupEle);
+                append([_this.list], popupEle_1);
                 if (_this.footerTemplate) {
-                    _this.setFooterTemplate(popupEle);
+                    _this.setFooterTemplate(popupEle_1);
                 }
-                document.body.appendChild(popupEle);
-                popupEle.style.visibility = 'hidden';
+                document.body.appendChild(popupEle_1);
+                popupEle_1.style.visibility = 'hidden';
                 if (_this.popupHeight !== 'auto') {
                     _this.searchBoxHeight = 0;
                     if (!isNullOrUndefined(searchBox.container)) {
@@ -3227,20 +3234,20 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (_this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.headerTemplate) {
-                        _this.header = _this.header ? _this.header : popupEle.querySelector('.e-ddl-header');
+                        _this.header = _this.header ? _this.header : popupEle_1.querySelector('.e-ddl-header');
                         var height = Math.round(_this.header.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.footerTemplate) {
-                        _this.footer = _this.footer ? _this.footer : popupEle.querySelector('.e-ddl-footer');
+                        _this.footer = _this.footer ? _this.footer : popupEle_1.querySelector('.e-ddl-footer');
                         var height = Math.round(_this.footer.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     _this.list.style.maxHeight = (parseInt(_this.listHeight, 10) - 2).toString() + 'px'; // due to box-sizing property
-                    popupEle.style.maxHeight = formatUnit(_this.popupHeight);
+                    popupEle_1.style.maxHeight = formatUnit(_this.popupHeight);
                 }
                 else {
-                    popupEle.style.height = 'auto';
+                    popupEle_1.style.height = 'auto';
                 }
                 var offsetValue = 0;
                 var left = void 0;
@@ -3252,7 +3259,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 }
                 if (Browser.isDevice && (!_this.allowFiltering && (_this.getModuleName() === 'dropdownlist' ||
                     (_this.isDropDownClick && _this.getModuleName() === 'combobox')))) {
-                    offsetValue = _this.getOffsetValue(popupEle);
+                    offsetValue = _this.getOffsetValue(popupEle_1);
                     var firstItem = _this.isEmptyList() ? _this.list : _this.liCollections[0];
                     if (!isNullOrUndefined(_this.inputElement)) {
                         left = -(parseInt(getComputedStyle(firstItem).textIndent, 10) -
@@ -3261,8 +3268,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 _this.getFocusElement();
-                _this.createPopup(popupEle, offsetValue, left);
-                _this.checkCollision(popupEle);
+                _this.createPopup(popupEle_1, offsetValue, left);
+                _this.checkCollision(popupEle_1);
+                var popupLeft_1 = _this.enableRtl ? parseFloat(popupEle_1.style.left) - (_this.ulElement.parentElement.offsetWidth - _this.inputWrapper.container.offsetWidth) : 0;
                 if (Browser.isDevice) {
                     _this.popupObj.element.classList.add(dropDownListClasses.device);
                     if (_this.getModuleName() === 'dropdownlist' || (_this.getModuleName() === 'combobox'
@@ -3282,8 +3290,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         EventHandler.add(_this.clearIconElement, 'click', _this.clearText, _this);
                     }
                 }
-                popupEle.style.visibility = 'visible';
-                addClass([popupEle], 'e-popup-close');
+                popupEle_1.style.visibility = 'visible';
+                addClass([popupEle_1], 'e-popup-close');
                 var scrollParentElements = _this.popupObj.getScrollableParent(_this.inputWrapper.container);
                 for (var _i = 0, scrollParentElements_1 = scrollParentElements; _i < scrollParentElements_1.length; _i++) {
                     var element = scrollParentElements_1[_i];
@@ -3316,6 +3324,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         _this.beforePopupOpen = false;
                         _this.destroyPopup();
                     }
+                    if (_this.enableRtl && popupLeft_1 > 0) {
+                        popupEle_1.style.left = popupLeft_1 + "px";
+                    }
                 });
             }
             else {
@@ -4341,6 +4352,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         this.previousSelectedLI = null;
         this.valueTempElement = null;
         this.actionData.ulElement = null;
+        if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
+            this.inputElement.onchange = null;
+        }
         _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -4886,6 +4900,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 }
                 _this.treeObj.fields = _this.getTreeFields(fields);
                 _this.treeObj.dataBind();
+                if (_this.hasTemplate && _this.portals) {
+                    _this.portals = [].concat(_this.treeObj.portals);
+                    if (_this.isReact) {
+                        _this.renderReactTemplates();
+                    }
+                }
             }
         });
     };
@@ -7741,6 +7761,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
             EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
             EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.inputElement, 'paste', this.pasteHandler, this);
+            EventHandler.add(window, 'resize', this.windowResize, this);
         }
         this.bindCommonEvent();
     };
@@ -8095,6 +8116,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
                 EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                 EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);
+                EventHandler.remove(window, 'resize', this.windowResize);
             }
         }
         this.unBindCommonEvent();
@@ -9361,6 +9383,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 if (_this.isFirstClick) {
                     _this.loadTemplate();
                 }
+                if (_this.enableRtl) {
+                    _this.popupWrapper.style.visibility = 'hidden';
+                }
             }
         });
     };
@@ -11229,6 +11254,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     },
                     open: function () {
                         _this.popupObj.resolveCollision();
+                        if (_this.enableRtl) {
+                            var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.overAllWrapper.offsetWidth);
+                            _this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : _this.popupWrapper.style.left;
+                            _this.popupWrapper.style.visibility = 'hidden';
+                        }
                         if (!_this.isFirstClick) {
                             var ulElement = _this.list.querySelector('ul');
                             if (ulElement) {