@syncfusion/ej2-dropdowns 31.2.16 → 31.2.18

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

@@ -5902,6 +5902,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                         EventHandler.add(_this.clearIconElement, 'click', _this.clearText, _this);
                     }
                 }
+                if (_this.selectedLI && _this.fields.groupBy) {
+                    _this.setScrollPosition();
+                }
                 popupEle_1.style.visibility = 'visible';
                 addClass([popupEle_1], 'e-popup-close');
                 var scrollParentElements = _this.popupObj.getScrollableParent(_this.inputWrapper.container);
@@ -21121,12 +21124,38 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         this.stopTimer();
         var items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
-        if (this.value.indexOf(this.dragValue) > -1) {
-            args.items = this.getDataByValues(this.value);
+        if (this.allowDragAll) {
+            var selectedValues = [];
+            if (this.selectionSettings.showCheckbox && this.allowFiltering) {
+                var visibleSelected = [];
+                var selectedList = this.getSelectedItems();
+                for (var index = 0; index < selectedList.length; index++) {
+                    var formattedValue = this.getFormattedValue(selectedList[index].getAttribute('data-value'));
+                    visibleSelected.push(formattedValue);
+                }
+                selectedValues = visibleSelected.length ? visibleSelected
+                    : ((this.value ? this.value.slice() : []));
+            }
+            else {
+                var selectedList = this.getSelectedItems();
+                for (var index = 0; index < selectedList.length; index++) {
+                    var formattedValue = this.getFormattedValue(selectedList[index].getAttribute('data-value'));
+                    selectedValues.push(formattedValue);
+                }
+            }
+            if (selectedValues.indexOf(this.dragValue) > -1) {
+                args.items = this.getDataByValues(selectedValues);
+            }
+            else {
+                args.items = this.getDataByValues([this.dragValue]);
+            }
         }
         else {
             args.items = this.getDataByValues([this.dragValue]);
         }
+        if (this.allowDragAll) {
+            this.customDraggedItem = args.items;
+        }
         extend(items, args.items);
         this.trigger('beforeDrop', args);
         if (JSON.stringify(args.items) !== JSON.stringify(items)) {
@@ -21155,6 +21184,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         if (Browser.isIos) {
             this.list.style.overflow = '';
         }
+        if (listObj && listObj !== this && !listObj.allowDragAndDrop) {
+            return;
+        }
         var targetListObj = this.getComponent(args.target);
         if (targetListObj && targetListObj.listData.length === 0) {
             var noRecElem = targetListObj.ulElement.childNodes[0];
@@ -23615,6 +23647,10 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             this.isUpDownKey = false;
             return;
         }
+        if (!this.allowSpaces && e.code === 'Space' && this.beforePopupOpen && this.isPopupOpen) {
+            this.hidePopup();
+            return;
+        }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         var isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
         if (document.activeElement !== this.inputElement && !isRteImage) {
@@ -23642,6 +23678,9 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
                 lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
             }
+            if (lastWordRange.includes(' ')) {
+                return;
+            }
         }
         var lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -23662,8 +23701,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
                     this.range.startContainer.nodeType === 1))) {
             if (isValid && this.isPopupOpen && this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
-                && !this.isMatchedText() && (currentRange.length > 1 && currentRange.replace(/\u00A0/g, ' ').charAt(currentRange.length - 2) !== ' ') &&
-                (this.list && this.list.querySelectorAll('ul').length > 0) && e.code !== 'Enter') {
+                && !this.isMatchedText() && this.list && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' && e.code !== 'Enter') {
                 this.queryString = currentRange.substring(currentRange.lastIndexOf(this.mentionChar) + 1).replace('\u00a0', ' ');
                 this.searchLists(e);
             }
@@ -23939,7 +23977,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             return '';
         }
         var textValue = text.indexOf('\u200B') > -1 ? text.replace(/\u200B/g, '').replace(/\u00A0/g, ' ') : text.replace(/\u00A0/g, ' ');
-        var words = textValue.split(/\s+/);
+        var words = this.allowSpaces && this.isPopupOpen ? [textValue] : textValue.split(/\s+/);
         var wordCnt = words.length - 1;
         return words[wordCnt].trim();
     };
@@ -24631,15 +24669,18 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.displayTemplate) && !isNullOrUndefined(this.displayTempElement)) {
             value = this.displayTempElement.innerHTML;
         }
+        var rteRoot = this.inputElement.parentElement ? this.inputElement.parentElement.closest('.e-richtexteditor') : null;
         if (this.isContentEditable(this.inputElement)) {
+            var suffix = typeof this.suffixText === 'string' ? this.suffixText : (rteRoot ? '&#8203;' : ' ');
+            var chipContent = showChar + value;
             if (Browser.isAndroid) {
-                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+                return "<span contenteditable=\"true\" class=\"e-mention-chip\">" + chipContent + "</span>" + suffix;
             }
             else if (Browser.info.name === 'mozilla') {
-                return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+                return "<span>&#65279;<span contenteditable=\"false\" class=\"e-mention-chip\">" + chipContent + "</span>&#65279;</span>" + suffix;
             }
             else {
-                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+                return "<span contenteditable=\"false\" class=\"e-mention-chip\">" + chipContent + "</span>" + suffix;
             }
         }
         else {