@syncfusion/ej2-dropdowns 31.2.15 → 31.2.18

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

@@ -5778,6 +5778,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                         EventHandler.add(this.clearIconElement, 'click', this.clearText, this);
                     }
                 }
+                if (this.selectedLI && this.fields.groupBy) {
+                    this.setScrollPosition();
+                }
                 popupEle.style.visibility = 'visible';
                 addClass([popupEle], 'e-popup-close');
                 const scrollParentElements = this.popupObj.getScrollableParent(this.inputWrapper.container);
@@ -7137,7 +7140,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         const container = this.inputWrapper.container;
         const label = container.querySelector('.e-float-text');
         const 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';
         }
     }
@@ -18686,7 +18689,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         this.renderItems(this.mainData, this.fields);
                     }
                     this.virtualCustomData = null;
-                    this.isVirtualTrackHeight = false;
+                    this.isVirtualTrackHeight = this.totalItemCount > (this.itemCount * 2) ? false : true;
                 }
             });
         }
@@ -18734,7 +18737,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         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(),
@@ -18802,7 +18806,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         const container = this.overAllWrapper;
         const label = container.querySelector('.e-float-text');
         const 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';
         }
     }
@@ -20786,12 +20790,38 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.stopTimer();
         const 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) {
+            let selectedValues = [];
+            if (this.selectionSettings.showCheckbox && this.allowFiltering) {
+                const visibleSelected = [];
+                const selectedList = this.getSelectedItems();
+                for (let index = 0; index < selectedList.length; index++) {
+                    const formattedValue = this.getFormattedValue(selectedList[index].getAttribute('data-value'));
+                    visibleSelected.push(formattedValue);
+                }
+                selectedValues = visibleSelected.length ? visibleSelected
+                    : ((this.value ? this.value.slice() : []));
+            }
+            else {
+                const selectedList = this.getSelectedItems();
+                for (let index = 0; index < selectedList.length; index++) {
+                    const 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)) {
@@ -20819,6 +20849,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (Browser.isIos) {
             this.list.style.overflow = '';
         }
+        if (listObj && listObj !== this && !listObj.allowDragAndDrop) {
+            return;
+        }
         const targetListObj = this.getComponent(args.target);
         if (targetListObj && targetListObj.listData.length === 0) {
             const noRecElem = targetListObj.ulElement.childNodes[0];
@@ -23228,6 +23261,10 @@ let Mention = class Mention extends DropDownBase {
             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;
         const isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
         if (document.activeElement !== this.inputElement && !isRteImage) {
@@ -23255,6 +23292,9 @@ let Mention = class Mention extends DropDownBase {
             if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
                 lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
             }
+            if (lastWordRange.includes(' ')) {
+                return;
+            }
         }
         const lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -23275,8 +23315,7 @@ let Mention = class Mention extends DropDownBase {
                 (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);
             }
@@ -23550,7 +23589,7 @@ let Mention = class Mention extends DropDownBase {
             return '';
         }
         const textValue = text.indexOf('\u200B') > -1 ? text.replace(/\u200B/g, '').replace(/\u00A0/g, ' ') : text.replace(/\u00A0/g, ' ');
-        const words = textValue.split(/\s+/);
+        const words = this.allowSpaces && this.isPopupOpen ? [textValue] : textValue.split(/\s+/);
         const wordCnt = words.length - 1;
         return words[wordCnt].trim();
     }
@@ -24238,15 +24277,18 @@ let Mention = class Mention extends DropDownBase {
         if (!isNullOrUndefined(this.displayTemplate) && !isNullOrUndefined(this.displayTempElement)) {
             value = this.displayTempElement.innerHTML;
         }
+        const rteRoot = this.inputElement.parentElement ? this.inputElement.parentElement.closest('.e-richtexteditor') : null;
         if (this.isContentEditable(this.inputElement)) {
+            const suffix = typeof this.suffixText === 'string' ? this.suffixText : (rteRoot ? '&#8203;' : ' ');
+            const 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 {