@syncfusion/ej2-dropdowns 34.1.33 → 34.2.3

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

@@ -8313,6 +8313,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         _this.windowResizeContext = _this.windowResize.bind(_this);
         // Specifies if the checkAll method has been called
         _this.isCheckAllCalled = false;
+        _this.isNodeChecked = false;
         _this.isFromFilterChange = false;
         _this.fallbackValue = [];
         return _this;
@@ -10350,6 +10351,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
     DropDownTree.prototype.onNodeChecked = function (args) {
         var eventArgs = this.getEventArgs(args);
         this.trigger('select', eventArgs);
+        this.isNodeChecked = args.action === 'check';
         if (this.isFilteredData && args.action === 'uncheck') {
             var id = getValue('id', args.data[0]).toString();
             this.removeSelectedData(id, true);
@@ -10675,6 +10677,143 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    DropDownTree.prototype.getFilteredTreeData = function () {
+        return this.treeData;
+    };
+    DropDownTree.prototype.getChildren = function (parentId, result) {
+        var _this = this;
+        var treeData = this.getFilteredTreeData();
+        treeData.forEach(function (item) {
+            if (!isNullOrUndefined(item) && !isNullOrUndefined(item.pid) && !isNullOrUndefined(item.id) && item.pid.toString() === parentId.toString()) {
+                var childId = item.id.toString();
+                if (result.indexOf(childId) === -1) {
+                    result.push(childId);
+                    _this.getChildren(childId, result);
+                }
+            }
+        });
+    };
+    DropDownTree.prototype.getDirectChildren = function (parentId) {
+        return this.getFilteredTreeData()
+            .filter(function (childNode) {
+            return !isNullOrUndefined(childNode) && !isNullOrUndefined(childNode.pid) && !isNullOrUndefined(childNode.id) && childNode.pid.toString() === parentId;
+        })
+            .map(function (childNode) { return childNode.id.toString(); });
+    };
+    DropDownTree.prototype.updateFilteredAutoCheckValues = function () {
+        var _this = this;
+        var treeData = this.getFilteredTreeData();
+        var currentValues = Array.isArray(this.value) ? this.value.map(function (item) { return item.toString(); }) : [];
+        var removeParent = function (parentId) {
+            _this.value = _this.value.filter(function (value) { return value.toString() !== parentId; });
+        };
+        if (this.isNodeChecked) {
+            this.treeObj.checkedNodes.map(function (item) { return item.toString(); }).forEach(function (value) {
+                if (_this.value.indexOf(value) === -1) {
+                    _this.value.push(value);
+                }
+            });
+            treeData.forEach(function (node) {
+                if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                    return;
+                }
+                var parentId = node.id.toString();
+                if (node.haschild && _this.value.indexOf(parentId) !== -1) {
+                    var childValues = [];
+                    _this.getChildren(parentId, childValues);
+                    if (_this.value.indexOf(parentId) === -1) {
+                        _this.value.push(parentId);
+                    }
+                    childValues.forEach(function (value) {
+                        if (_this.value.indexOf(value) === -1) {
+                            _this.value.push(value);
+                        }
+                    });
+                }
+                currentValues = _this.value.map(function (item) { return item.toString(); });
+            });
+            treeData.forEach(function (node) {
+                if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                    return;
+                }
+                if (!node.haschild) {
+                    return;
+                }
+                var parentId = node.id.toString();
+                var directChildren = _this.getDirectChildren(parentId);
+                if (!directChildren.length) {
+                    return;
+                }
+                var allChildrenSelected = directChildren.every(function (childId) { return _this.value.indexOf(childId) !== -1; });
+                if (allChildrenSelected) {
+                    var childValues = [];
+                    _this.getChildren(parentId, childValues);
+                    if (_this.value.indexOf(parentId) === -1) {
+                        _this.value.push(parentId);
+                    }
+                    childValues.forEach(function (value) {
+                        if (_this.value.indexOf(value) === -1) {
+                            _this.value.push(value);
+                        }
+                    });
+                }
+                else {
+                    removeParent(parentId);
+                }
+                currentValues = _this.value.map(function (item) { return item.toString(); });
+            });
+            this.selectedData.forEach(function (item) {
+                var value = getValue(_this.treeSettings.loadOnDemand ? _this.fields.value : 'id', item).toString();
+                if (_this.value.indexOf(value) === -1) {
+                    _this.selectedData = _this.selectedData.filter(function (data) {
+                        return getValue(_this.treeSettings.loadOnDemand ? _this.fields.value : 'id', data).toString() !== value;
+                    });
+                }
+            });
+            return;
+        }
+        var removeValues = [];
+        treeData.forEach(function (node) {
+            if (isNullOrUndefined(node.id)) {
+                return;
+            }
+            if (!node.haschild) {
+                return;
+            }
+            var parentId = node.id.toString();
+            if (currentValues.indexOf(parentId) === -1) {
+                var childValues = [];
+                _this.getChildren(parentId, childValues);
+                if (childValues.some(function (child) { return currentValues.indexOf(child) !== -1; })) {
+                    removeValues.push.apply(removeValues, childValues);
+                }
+            }
+        });
+        if (removeValues.length) {
+            this.value = this.value.filter(function (value) { return removeValues.indexOf(value.toString()) === -1; });
+            currentValues = this.value.map(function (item) { return item.toString(); });
+        }
+        treeData.forEach(function (node) {
+            if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                return;
+            }
+            if (!node.haschild) {
+                return;
+            }
+            var parentId = node.id.toString();
+            if (currentValues.indexOf(parentId) === -1) {
+                return;
+            }
+            var hasDirectChild = treeData.some(function (childNode) {
+                return !isNullOrUndefined(childNode) && !isNullOrUndefined(childNode.pid) && !isNullOrUndefined(childNode.id) && childNode.pid.toString() === parentId &&
+                    currentValues.indexOf(childNode.id.toString()) !== -1;
+            });
+            if (!hasDirectChild) {
+                removeParent(parentId);
+                currentValues = _this.value.map(function (item) { return item.toString(); });
+            }
+        });
+    };
     DropDownTree.prototype.updateSelectedValues = function () {
         var _this = this;
         this.dataValue = '';
@@ -10690,6 +10829,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         if (!this.isFilteredData) {
             this.selectedData = [];
         }
+        if (this.treeSettings.autoCheck && this.isFilteredData && !isNullOrUndefined(this.value)) {
+            this.updateFilteredAutoCheckValues();
+        }
         if (!isNullOrUndefined(this.value)) {
             var compiledString = this.initializeValueTemplate();
             for (var i = 0, len = this.value.length; i < len; i++) {
@@ -13723,6 +13865,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         _this.isBlurDispatching = false;
         _this.isFilterPrevented = false;
         _this.isFilteringAction = false;
+        _this.isPropertyChanged = false;
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -13874,7 +14017,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             if (!eventArgs.cancel) {
                 _this.focusAtFirstListItem(true);
                 if (_this.popupObj) {
-                    document.body.appendChild(_this.popupObj.element);
+                    var appendToElement = _this.getAppendToElement();
+                    appendToElement.appendChild(_this.popupObj.element);
                 }
                 if (_this.mode === 'CheckBox' && _this.enableGroupCheckBox && !isNullOrUndefined(_this.fields.groupBy)) {
                     _this.updateListItems(_this.list.querySelectorAll('li.e-list-item'), _this.mainList.querySelectorAll('li.e-list-item'));
@@ -14433,7 +14577,12 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             else if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate();
+                if (!this.isRemoveSelection) {
+                    this.initialValueUpdate(this.listData, true);
+                }
+                else {
+                    this.initialValueUpdate();
+                }
             }
             this.initialUpdate();
             this.refreshPlaceHolder();
@@ -14447,6 +14596,16 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             this.onPopupShown(e);
         }
     };
+    MultiSelect.prototype.getAppendToElement = function () {
+        if (this.isAngular) {
+            var cdkPane = this.element && this.element.closest ? this.element.closest('.cdk-overlay-pane') : null;
+            var popoverEl = this.element && this.element.closest ? this.element.closest('[popover]') : null;
+            if (cdkPane && popoverEl) {
+                return cdkPane;
+            }
+        }
+        return document.body;
+    };
     MultiSelect.prototype.refreshSelection = function () {
         var value;
         var element;
@@ -16028,7 +16187,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             else {
                 var listUl = this.list && this.list.querySelector('ul');
                 var isFullList = this.isReact && this.itemTemplate && listUl != null &&
-                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length && !this.groupTemplate;
+                    listUl.querySelectorAll('.e-list-item').length === this.mainData.length && !this.groupTemplate && this.mode !== 'CheckBox';
                 this.onActionComplete(isFullList ? listUl : list, this.mainData);
             }
             this.focusAtLastListItem(data);
@@ -16939,7 +17098,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         if (!this.popupObj) {
             if (!isNullOrUndefined(this.popupWrapper)) {
-                document.body.appendChild(this.popupWrapper);
+                var appendToElement = this.getAppendToElement();
+                appendToElement.appendChild(this.popupWrapper);
                 var checkboxFilter = this.popupWrapper.querySelector('.' + FILTERPARENT);
                 if (this.mode === 'CheckBox' && !this.allowFiltering && checkboxFilter && this.filterParent) {
                     checkboxFilter.remove();
@@ -17775,6 +17935,33 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         this.unwireListEvents();
         this.wireListEvents();
     };
+    MultiSelect.prototype.getTextByValueFromDataSource = function (value) {
+        var dataSource = this.dataSource;
+        if (isNullOrUndefined(dataSource) || !dataSource.length) {
+            return null;
+        }
+        if (this.isPrimitiveData) {
+            for (var i = 0; i < dataSource.length; i++) {
+                if (dataSource[i] === value) {
+                    return dataSource[i];
+                }
+            }
+            return null;
+        }
+        var fields = this.fields;
+        var valueField = fields.value ? fields.value : 'value';
+        var textField = fields.text ? fields.text : 'text';
+        for (var i = 0; i < dataSource.length; i++) {
+            var item = dataSource[i];
+            if (!isNullOrUndefined(item) && getValue(valueField, item) === value) {
+                var resolvedText = getValue(textField, item);
+                if (!isNullOrUndefined(resolvedText)) {
+                    return resolvedText;
+                }
+            }
+        }
+        return null;
+    };
     MultiSelect.prototype.initialValueUpdate = function (listItems, isInitialVirtualData, isInitialRender) {
         var _this = this;
         if (this.list) {
@@ -17825,6 +18012,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                                 }
                             }
                         }
+                        if (this.isPropertyChanged && isNullOrUndefined(text) && !this.allowCustomValue &&
+                            !(this.dataSource instanceof DataManager)) {
+                            text = this.getTextByValueFromDataSource(value_2);
+                        }
                         if ((isNullOrUndefined(text) && this.allowCustomValue) &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData))) {
@@ -19459,6 +19650,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
      * @returns {void}
      */
     MultiSelect.prototype.onPropertyChanged = function (newProp, oldProp) {
+        this.isPropertyChanged = true;
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
             this.mainList = null;
@@ -19631,6 +19823,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                     break;
             }
         }
+        this.isPropertyChanged = false;
     };
     MultiSelect.prototype.reInitializePoup = function () {
         if (this.popupObj) {
@@ -19951,8 +20144,11 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                 var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
                 var liLength = _this.ulElement.querySelectorAll('li.'
                     + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
+                var isFilterText = _this.allowFiltering && !isNullOrUndefined(_this.inputElement) &&
+                    _this.inputElement.value.trim() !== '';
+                var isRemoteData = _this.dataSource instanceof DataManager;
                 if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) &&
-                    !(_this.targetElement() !== '' && _this.allowCustomValue)) {
+                    !(_this.targetElement() !== '' && _this.allowCustomValue) && (!isRemoteData || !isFilterText)) {
                     _this.beforePopupOpen = false;
                     return;
                 }
@@ -20380,7 +20576,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         var listParentHeight = formatUnit(this.popupHeight);
         listParent.style.height = (parseInt(listParentHeight, 10)).toString() + 'px';
         listParent.appendChild(item);
-        document.body.appendChild(listParent);
+        var appendToElement = this.getAppendToElement();
+        appendToElement.appendChild(listParent);
         this.virtualListHeight = listParent.getBoundingClientRect().height;
         var listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
             parseInt(window.getComputedStyle(item).marginBottom, 10);
@@ -23709,10 +23906,12 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var isSpecialKey = e.keyCode >= 186 && e.keyCode <= 192;
+        var isBracketKey = e.keyCode === 219 || e.keyCode === 220 || e.keyCode === 221 || e.keyCode === 222;
         var isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
         var isWordCharacter = e.key && e.key.match(/\w/);
-        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=]/);
-        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter) || isSpecialKey || isNumericKeyPadSpecialKey) {
+        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ ']/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)
+            || isSpecialKey || isBracketKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;
@@ -25778,11 +25977,12 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
-            var defaultSuffix = this.isRTE ? '&#8203;' : '';
+            var isMozilla = Browser.info.name === 'mozilla';
+            var defaultSuffix = this.isRTE || isMozilla ? '&#8203;' : '';
             if (Browser.isAndroid) {
                 return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
-            else if (Browser.info.name === 'mozilla') {
+            else if (isMozilla) {
                 return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : defaultSuffix);
             }
             else {