@syncfusion/ej2-dropdowns 24.2.3 → 24.2.4

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

@@ -924,7 +924,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
                         }
                     }
                     else {
-                        if (noDataElement[i] instanceof HTMLElement) {
+                        if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
                             ele.appendChild(noDataElement[i]);
                         }
                     }
@@ -3445,6 +3445,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 var isActive = this.isRequested;
+                if (this.getModuleName() === 'combobox' && this.isTyped) {
+                    this.isInteracted = false;
+                }
                 this.hidePopup(e);
                 this.isInteracted = false;
                 if (!isActive) {
@@ -4133,6 +4136,11 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     this.virtualListInfo = null;
                 }
                 this.resetList(dataSource, fields, query);
+                if (this.getModuleName() === 'dropdownlist' && this.list.classList.contains(dropDownBaseClasses.noData)) {
+                    this.popupContentElement.setAttribute('role', 'status');
+                    this.popupContentElement.setAttribute('id', 'no-record');
+                    attributes(this.filterInputObj.container, { 'aria-activedescendant': 'no-record' });
+                }
                 if (this.enableVirtualization && isNoData && !this.list.classList.contains(dropDownBaseClasses.noData)) {
                     if (!this.list.querySelector('.e-virtual-ddl-content')) {
                         this.list.appendChild(this.createElement('div', {
@@ -4681,6 +4689,11 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                     }, 5);
                 }
                 attributes(_this.targetElement(), { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_popup', 'aria-controls': _this.element.id });
+                if (_this.getModuleName() !== 'dropdownlist' && _this.list.classList.contains('e-nodata')) {
+                    attributes(_this.targetElement(), { 'aria-activedescendant': 'no-record' });
+                    _this.popupContentElement.setAttribute('role', 'status');
+                    _this.popupContentElement.setAttribute('id', 'no-record');
+                }
                 _this.inputElement.setAttribute('aria-expanded', 'true');
                 _this.inputElement.setAttribute('aria-controls', _this.element.id);
                 var inputParent = _this.isFiltering() ? _this.filterInput.parentElement : _this.inputWrapper.container;
@@ -5981,6 +5994,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.clearTemplate();
         }
         this.hidePopup();
+        if (this.popupObj) {
+            this.popupObj.hide();
+        }
         this.unWireEvent();
         if (this.list) {
             this.unWireListEvents();
@@ -8094,9 +8110,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             if (this.value === null) {
                 this.setProperties({ value: [] }, true);
             }
-            if (args.node.classList.contains("e-active")) {
-                this.hidePopup();
-            }
         }
     };
     DropDownTree.prototype.updateHiddenValue = function () {
@@ -11451,6 +11464,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         else {
             this.updateActionList(ulElement, list, e);
         }
+        if (this.dataSource instanceof DataManager && this.allowCustomValue && !this.isCustomRendered && this.inputElement.value && this.inputElement.value !== '') {
+            var query = new Query();
+            query = this.allowFiltering ? query.where(this.fields.text, 'startswith', this.inputElement.value, this.ignoreCase, this.ignoreAccent) : query;
+            this.checkForCustomValue(query, this.fields);
+            this.isCustomRendered = true;
+        }
         if (this.dataSource instanceof DataManager && this.mode === 'CheckBox' && this.allowFiltering) {
             this.removeFocus();
         }
@@ -11472,7 +11491,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         if ((this.remoteCustomValue || list.length <= 0) && this.allowCustomValue && this.inputFocus && this.allowFiltering &&
             this.inputElement.value && this.inputElement.value !== '') {
             this.checkForCustomValue(this.tempQuery, this.fields);
-            return;
+            if (this.isCustomRendered) {
+                return;
+            }
         }
         if (this.value && this.value.length && ((this.mode !== 'CheckBox' && !isNullOrUndefined(this.inputElement) && this.inputElement.value.trim() !== '') ||
             this.mode === 'CheckBox' || ((this.keyCode === 8 || this.keyCode === 46) && this.allowFiltering &&
@@ -11739,12 +11760,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.checkForCustomValue = function (query, fields) {
         var dataChecks = !this.getValueByText(this.inputElement.value, this.ignoreCase);
+        var field = fields ? fields : this.fields;
         if (this.allowCustomValue && dataChecks) {
             var value = this.inputElement.value;
-            var field = fields ? fields : this.fields;
             var customData = (!isNullOrUndefined(this.mainData) && this.mainData.length > 0) ?
                 this.mainData[0] : this.mainData;
-            if (typeof (customData) !== 'string' && typeof (customData) !== 'number' && typeof (customData) !== 'boolean') {
+            if (customData && typeof (customData) !== 'string' && typeof (customData) !== 'number' && typeof (customData) !== 'boolean') {
                 var dataItem = {};
                 setValue(field.text, value, dataItem);
                 if (typeof getValue((this.fields.value ? this.fields.value : 'value'), customData)
@@ -11758,7 +11779,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 tempData.splice(0, 0, dataItem);
                 this.resetList(tempData, field, query);
             }
-            else {
+            else if (this.listData) {
                 var tempData = JSON.parse(JSON.stringify(this.listData));
                 tempData.splice(0, 0, this.inputElement.value);
                 tempData[0] = (typeof customData === 'number' && !isNaN(parseFloat(tempData[0]))) ?
@@ -11768,6 +11789,19 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 this.resetList(tempData, field);
             }
         }
+        else if (this.listData && this.mainData && !dataChecks && this.allowCustomValue) {
+            if (this.allowFiltering && this.isRemoteSelection && this.remoteCustomValue) {
+                this.isRemoteSelection = false;
+                this.resetList(this.listData, field, query);
+            }
+            else if (!this.allowFiltering && this.list) {
+                var liCollections = this.list.querySelectorAll('li.' + dropDownBaseClasses.li + ':not(.e-hide-listitem)');
+                var activeElement = Search(this.targetElement(), liCollections, 'StartsWith', this.ignoreCase);
+                if (activeElement && activeElement.item !== null) {
+                    this.addListFocus(activeElement.item);
+                }
+            }
+        }
         if (this.value && this.value.length) {
             this.refreshSelection();
         }
@@ -13395,6 +13429,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         else {
             var text = this.targetElement();
             if (this.allowFiltering) {
+                if (this.allowCustomValue) {
+                    this.isRemoteSelection = true;
+                }
                 var eventArgs_1 = {
                     preventDefaultAction: false,
                     text: this.targetElement(),
@@ -13420,7 +13457,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             }
             else if (this.allowCustomValue) {
                 var query = new Query();
-                query = (text !== '') ? query.where(this.fields.text, 'startswith', text, this.ignoreCase, this.ignoreAccent) : query;
+                query = this.allowFiltering && (text !== '') ? query.where(this.fields.text, 'startswith', text, this.ignoreCase, this.ignoreAccent) : query;
                 this.dataUpdater(this.mainData, query, this.fields);
             }
             else {
@@ -13462,6 +13499,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.focused = true;
         this.initial = true;
         this.backCommand = true;
+        this.isCustomRendered = false;
+        this.isRemoteSelection = false;
     };
     MultiSelect.prototype.updateData = function (delimiterChar, e) {
         var data = '';
@@ -15243,7 +15282,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         Property(true)
     ], MultiSelect.prototype, "enabled", void 0);
     __decorate$5([
-        Property(false)
+        Property(true)
     ], MultiSelect.prototype, "enableHtmlSanitizer", void 0);
     __decorate$5([
         Property([])
@@ -16041,6 +16080,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     ListBox.prototype.render = function () {
+        if (this.isAngular && this.allowFiltering) {
+            var originalElement = this.element;
+            var clonedElement = originalElement.cloneNode(true);
+            originalElement.parentNode.replaceChild(clonedElement, originalElement);
+            this.element = clonedElement;
+            setValue('ej2_instances', [this], this.element);
+        }
         this.inputString = '';
         this.initLoad = true;
         this.isCustomFiltering = false;
@@ -19103,6 +19149,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                     _this.inputElement.parentElement.parentElement.classList.contains('e-richtexteditor')) {
                     if (popupEle_1.firstElementChild && popupEle_1.firstElementChild.childElementCount > 0) {
                         popupEle_1.firstElementChild.setAttribute('aria-owns', _this.inputElement.parentElement.parentElement.id);
+                        addClass([popupEle_1], 'e-rte-elements');
                     }
                 }
                 if ((!_this.popupObj || !document.body.contains(_this.popupObj.element)) ||