@syncfusion/ej2-dropdowns 19.3.43 → 19.3.47

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

@@ -3494,6 +3494,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         });
         prepend([this.hiddenElement], this.inputWrapper.container);
         this.validationAttribute(this.element, this.hiddenElement);
+        this.setReadOnly();
         this.setFields();
         this.inputWrapper.container.style.width = formatUnit(this.width);
         this.inputWrapper.container.classList.add('e-ddl');
@@ -3621,6 +3622,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.actionData = this.actionCompleteData;
         }
         else if (this.allowFiltering && newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
+            this.actionCompleteData = this.getModuleName() === 'combobox' ?
+                { ulElement: null, list: null, isUpdated: false } : this.actionCompleteData;
             this.actionData = this.actionCompleteData;
         }
     };
@@ -3688,6 +3691,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     if (this.getModuleName() !== 'dropdownlist') {
                         Input.setReadonly(newProp.readonly, this.inputElement);
                     }
+                    this.setReadOnly();
                     break;
                 case 'cssClass':
                     this.setCssClass(newProp.cssClass, oldProp.cssClass);
@@ -3847,6 +3851,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             }
         };
     };
+    DropDownList.prototype.setReadOnly = function () {
+        if (this.readonly) {
+            addClass([this.inputWrapper.container], ['e-readonly']);
+        }
+        else {
+            removeClass([this.inputWrapper.container], ['e-readonly']);
+        }
+    };
     DropDownList.prototype.setCssClass = function (newClass, oldClass) {
         if (!isNullOrUndefined(oldClass)) {
             oldClass = (oldClass.replace(/\s+/g, ' ')).trim();
@@ -4432,9 +4444,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         this.createClearIcon();
         this.inputWrapper.classList.add(DROPDOWNTREE);
         this.setElementWidth(this.width);
-        this.setAttributes();
         this.updateDataAttribute();
         this.setHTMLAttributes();
+        this.setAttributes();
         this.popupDiv = this.createElement('div', { className: CONTENT, attrs: { 'tabindex': '0' } });
         this.popupDiv.classList.add(DROPDOWN);
         this.tree = this.createElement('div', { id: this.element.id + '_tree' });
@@ -4722,9 +4734,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             this.isClearButtonClick = false;
             return;
         }
-        if (!this.wrapText && e.target.classList.contains(CHIP_CLOSE)) {
-            this.removeChip(e);
-        }
         if (this.isPopupOpen) {
             this.hidePopup();
         }
@@ -4956,11 +4965,18 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 switch (e.action) {
                     case 'escape':
                     case 'altUp':
+                        if (_this.isPopupOpen) {
+                            _this.hidePopup();
+                        }
+                        break;
                     case 'shiftTab':
                     case 'tab':
                         if (_this.isPopupOpen) {
                             _this.hidePopup();
                         }
+                        if (_this.inputFocus) {
+                            _this.onFocusOut();
+                        }
                         break;
                     case 'altDown':
                         if (!_this.isPopupOpen) {
@@ -5331,7 +5347,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DropDownTree.prototype.setAttributes = function () {
-        this.element.removeAttribute('tabindex');
+        this.inputEle.setAttribute('tabindex', '-1');
         var id = this.element.getAttribute('id');
         this.hiddenElement.id = id + '_hidden';
         this.inputWrapper.setAttribute('tabindex', '0');
@@ -7866,6 +7882,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                         EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
                         EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
                     }
+                    this.setReadOnly();
                     break;
                 case 'allowFiltering':
                     this.setSearchBox();
@@ -11068,6 +11085,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         setValue(this.fields.value, value, newValue);
                         var noDataEle = this.popupWrapper.querySelector('.' + dropDownBaseClasses.noData);
                         this.addItem(newValue, indexItem);
+                        element = element ? element : this.findListElement(this.hideSelectedItem ? this.ulElement : this.list, 'li', 'data-value', value);
                         if (this.popupWrapper.contains(noDataEle)) {
                             this.list.setAttribute('style', noDataEle.getAttribute('style'));
                             this.popupWrapper.replaceChild(this.list, noDataEle);
@@ -11116,6 +11134,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.popupObj = null;
             this.renderPopup();
         }
+        else if (this.allowCustomValue) {
+            this.list = list;
+            this.mainList = this.ulElement = list.querySelector('ul');
+        }
     };
     MultiSelect.prototype.updateDataList = function () {
         if (this.mainList && this.ulElement && this.mainList.childElementCount < this.ulElement.childElementCount) {
@@ -13713,6 +13735,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             args.items = this.getDataByValues([dragValue]);
         }
         this.trigger('beforeDrop', args);
+        if (args.isDragAll !== null) {
+            this.allowDragAll = args.isDragAll;
+        }
     };
     ListBox.prototype.dragEnd = function (args) {
         var _this = this;