@syncfusion/ej2-dropdowns 22.1.36 → 22.1.38

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

@@ -438,7 +438,7 @@ let DropDownBase = class DropDownBase extends Component {
         else {
             const l10nLocale = { noRecordsTemplate: 'No records found', actionFailureTemplate: 'Request failed' };
             const componentLocale = new L10n(this.getLocaleName(), {}, this.locale);
-            if (componentLocale.getConstant('actionFailureTemplate') !== '') {
+            if (componentLocale.getConstant('actionFailureTemplate') !== '' || componentLocale.getConstant('noRecordsTemplate') !== '') {
                 this.l10n = componentLocale;
             }
             else {
@@ -1961,6 +1961,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         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();
     }
     bindCommonEvent() {
@@ -1981,6 +1982,11 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         this.bindClearEvent();
     }
+    windowResize() {
+        if (this.isPopupOpen) {
+            this.popupObj.refreshPosition(this.inputWrapper.container);
+        }
+    }
     bindClearEvent() {
         if (this.showClearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
@@ -2306,6 +2312,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             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();
     }
@@ -3203,6 +3210,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.getFocusElement();
                 this.createPopup(popupEle, offsetValue, left);
                 this.checkCollision(popupEle);
+                const popupLeft = this.enableRtl ? parseFloat(popupEle.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'
@@ -3255,6 +3263,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.beforePopupOpen = false;
                         this.destroyPopup();
                     }
+                    if (this.enableRtl && popupLeft > 0) {
+                        popupEle.style.left = popupLeft + "px";
+                    }
                 });
             }
             else {
@@ -4270,6 +4281,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.previousSelectedLI = null;
         this.valueTempElement = null;
         this.actionData.ulElement = null;
+        if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
+            this.inputElement.onchange = null;
+        }
         super.destroy();
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -4787,6 +4801,12 @@ let DropDownTree = class DropDownTree extends Component {
                 }
                 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();
+                    }
+                }
             }
         });
     }
@@ -7618,6 +7638,7 @@ let ComboBox = class ComboBox extends DropDownList {
             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();
     }
@@ -7970,6 +7991,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 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();
@@ -9197,6 +9219,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 if (this.isFirstClick) {
                     this.loadTemplate();
                 }
+                if (this.enableRtl) {
+                    this.popupWrapper.style.visibility = 'hidden';
+                }
             }
         });
     }
@@ -11060,6 +11085,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     },
                     open: () => {
                         this.popupObj.resolveCollision();
+                        if (this.enableRtl) {
+                            const 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) {
                             const ulElement = this.list.querySelector('ul');
                             if (ulElement) {