@syncfusion/ej2-dropdowns 31.2.15 → 31.2.18

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.2.15
+*  version : 31.2.18
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "31.2.15",
+  "version": "31.2.18",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-data": "~31.2.12",
+    "@syncfusion/ej2-base": "~31.2.18",
+    "@syncfusion/ej2-data": "~31.2.18",
     "@syncfusion/ej2-inputs": "~31.2.15",
     "@syncfusion/ej2-lists": "~31.2.12",
-    "@syncfusion/ej2-navigations": "~31.2.12",
+    "@syncfusion/ej2-navigations": "~31.2.16",
     "@syncfusion/ej2-notifications": "~31.2.12",
     "@syncfusion/ej2-popups": "~31.2.12"
   },

package/src/drop-down-list/drop-down-list.js

@@ -2759,6 +2759,9 @@ var DropDownList = /** @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);
@@ -4137,7 +4140,7 @@ var DropDownList = /** @class */ (function (_super) {
         var container = this.inputWrapper.container;
         var label = container.querySelector('.e-float-text');
         var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
-        if (label && calculateWidth) {
+        if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
             label.style.width = calculateWidth + 'px';
         }
     };

package/src/list-box/list-box.js

@@ -563,12 +563,38 @@ var ListBox = /** @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)) {
@@ -597,6 +623,9 @@ var ListBox = /** @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];

package/src/mention/mention.js

@@ -353,6 +353,10 @@ var Mention = /** @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) {
@@ -380,6 +384,9 @@ var Mention = /** @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
@@ -400,8 +407,7 @@ var Mention = /** @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);
             }
@@ -677,7 +683,7 @@ var Mention = /** @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();
     };
@@ -1369,15 +1375,18 @@ var Mention = /** @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 ? '​' : ' ');
+            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 {

package/src/multi-select/multi-select.js

@@ -5811,7 +5811,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         _this.renderItems(_this.mainData, _this.fields);
                     }
                     _this.virtualCustomData = null;
-                    _this.isVirtualTrackHeight = false;
+                    _this.isVirtualTrackHeight = _this.totalItemCount > (_this.itemCount * 2) ? false : true;
                 }
             });
         }
@@ -5860,7 +5860,8 @@ var MultiSelect = /** @class */ (function (_super) {
                         if (_this.hideSelectedItem && _this.value && Array.isArray(_this.value) && _this.value.length > 0) {
                             _this.totalItemsCount();
                         }
-                        if (!_this.preventSetCurrentData && !isNullOrUndefined(_this.viewPortInfo.startIndex) &&
+                        if (!_this.preventSetCurrentData && _this.totalItemCount > (_this.itemCount * 2) &&
+                            !isNullOrUndefined(_this.viewPortInfo.startIndex) &&
                             !isNullOrUndefined(_this.viewPortInfo.endIndex)) {
                             _this.notify('setCurrentViewDataAsync', {
                                 component: _this.getModuleName(),
@@ -5929,7 +5930,7 @@ var MultiSelect = /** @class */ (function (_super) {
         var container = this.overAllWrapper;
         var label = container.querySelector('.e-float-text');
         var calculateWidth = (container.clientWidth - this.getRightIconsWidth());
-        if (label && calculateWidth) {
+        if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
             label.style.width = calculateWidth + 'px';
         }
     };

package/aceconfig.js

@@ -1,17 +0,0 @@
-//Config file for Accessibility-Checker
-module.exports = {
-    ruleArchive: "18March2024",
-    policies: ["WCAG_2_1","IBM_Accessibility"],
-    failLevels: ["violation", "potentialviolation"],
-    reportLevels: [
-        "violation",
-        "potentialviolation",
-        "recommendation",
-        "potentialrecommendation",
-        "manual",
-        "pass",
-    ],
-    outputFormat: ["html","json"],
-    label: [process.env.TRAVIS_BRANCH],
-    outputFolder:"accessibility-reports",
-  };